Pearl (NAME I CHOOSED FOR MY WEBSITE) is a modern e-commerce web application built with ReactJS. Users can browse products, view them in grid or list format, and add them to their cart. All data is stored in localStorage for persistence across sessions.
✔️ Add products to the catalog and display them in grid or list format;
✔️ View details of products with title, price, and quantity;
✔️ Add, remove, and update quantities of products in the shopping cart;
✔️ Persistent cart data stored in localStorage for seamless user experience;
✔️ Responsive and user-friendly design with a sidebar for cart management.
- You need to have an active internet connection to view the images, as they are hosted online.
- The Cart option can only be enabled when you are on the "List Items" page; otherwise, only the item count will be visible.
- Make sure to have Git and Node.js installed before starting. Also u should have tailwind css setup.
Follow these steps to run the project:
1.git clone https://github.com/MQ-06/Pearl-An-Ecommerce-App.git
2.Navigate to the Project Folder: cd EcommerceApp (if opened through zip folder)
3.Install Dependencies: npm install
4.Set Up Tailwind CSS
5.Run the Project: npm run dev