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.

70 lines
1.8 KiB

6 months ago
  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. Table Data: The home page fetches and displays product data from Dummy JSON.
  36. Review Modal: Click the "View Reviews" button in any table row to open a modal displaying the product reviews.
  37. API
  38. This project uses the Dummy JSON API to fetch product data. The data is displayed in a table on the home page.
  39. Components
  40. Login Component: Handles user login functionality.
  41. Table Component: Displays product data in a table format.
  42. Review Modal Component: Displays product reviews in a modal when the "View Reviews" button is clicked.
  43. .env
  44. As there is no secret key in the .env file, that's why we push it into the repository, otherwire we follow the best practice.
  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. ```