Skip to content

ashimrai123/react-WebApp

Repository files navigation

React Web Store App

This is a Next.js project bootstrapped with create-next-app.

Live Demo

Check out the live demo of the application: React Web Store App

Getting Started

  1. Clone the repository:

    git clone https://github.com/ashimrai123/react-WebApp.git
  2. Change into the project directory:

    cd react-WebApp
  3. Install dependencies:

    npm install
  4. Run the development server:

    npm run dev
  5. Open http://localhost:3000 with your browser to see the result.

  6. You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

Features

  • User login, fetch the email from the response, maintain it in state, and display it in the UI for subsequent requests.
  • List all products with pagination.
  • List all available product categories and display products of a specific category when clicked.
  • Utilize a pie chart to illustrate product distribution by categories, showing the count per category.

API

This web app uses the DummyJSON API.

Feel free to explore and contribute. Your feedback and contributions are welcome!

About

Next.js web app https://main--ash-store.netlify.app/

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published