Welcome to ShopCart, a complete e-commerce application built with React. This project features a login page, product listing with filters, product details, a persistent shopping cart, and a checkout page.
- Login Page: User authentication with email and password validation.
- Product Listing: Fetches and displays a list of products from the
fakestoreapi.com. - Product Filtering: Filter products by category.
- Product Details: Displays detailed information for each product, including image, title, price, description, and rating.
- Shopping Cart: Add and remove products from the cart. The cart persists during the user's session using
localStorage. - Real-time Total: The total price is updated in real-time as items are added to or removed from the cart.
- Checkout: A summary of the purchase with the total price and the option to finalize the order.
- JavaScript: The primary programming language for the application's logic and interactivity.
- React: A JavaScript library for building user interfaces.
- React Router: For declarative routing in the application.
- Vite: A fast build tool for modern web development.
- CSS: For styling the components.
- HTML: The standard markup language used to create the structure of the web pages.
To get a local copy up and running, follow these simple steps.
You need to have Node.js and npm (or yarn) installed on your machine.
- Clone the repo
git clone [https://github.com/your-username/your-repository.git](https://github.com/your-username/your-repository.git)
- Navigate to the project directory
cd your-repository - Install NPM packages
npm install
- Run the development server
npm run dev
The application will be available at http://localhost:5173.
