You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

68 lines
1.8 KiB

  1. # Project Name
  2. TEST DEMO
  3. This is a Demo project Developed in NextJS with Tanstack React Table.
  4. ## Features
  5. 1. **Login**: User authentication functionality.
  6. 2. **Signup**: User registration functionality.
  7. 3. **Table Data**: Data loaded from [Dummy JSON](https://dummyjson.com/products) and displayed on the home page.
  8. 4. **Review Modal**: A modal that opens from the "View Reviews" button in each table row to display product reviews.
  9. ## Getting Started
  10. ### Installation
  11. First, install the dependencies:
  12. ```bash
  13. npm install
  14. # or
  15. yarn install
  16. # or
  17. pnpm install
  18. # or
  19. bun install
  20. ```
  21. ### Running the Development Server:
  22. ```bash
  23. npm run dev
  24. # or
  25. yarn dev
  26. # or
  27. pnpm dev
  28. # or
  29. bun dev
  30. ```
  31. Open http://localhost:3000 with your browser to see the result.
  32. You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
  33. Project Structure
  34. Login: Navigate to the login page to authenticate users.
  35. Signup: Navigate to the signup page to register new users.
  36. Table Data: The home page fetches and displays product data from Dummy JSON.
  37. Review Modal: Click the "View Reviews" button in any table row to open a modal displaying the product reviews.
  38. API
  39. This project uses the Dummy JSON API to fetch product data. The data is displayed in a table on the home page.
  40. Components
  41. Login Component: Handles user login functionality.
  42. Signup Component: Handles user registration functionality.
  43. Table Component: Displays product data in a table format.
  44. Review Modal Component: Displays product reviews in a modal when the "View Reviews" button is clicked.
  45. Contributing
  46. If you would like to contribute to this project, please fork the repository and submit a pull request.
  47. License
  48. This project is licensed under the MIT License.
  49. ```
  50. This README includes more details about the project structure, components, and API usage.
  51. ```