Shop_APP is an e-commerce application built with React, allowing users to browse products, add or remove items from the cart, and manage their shopping cart efficiently. The application features a home route displaying all product cards, and offers smooth state management and user interactions.
- Product Listings: View all products on the home route with detailed product cards.
- Add to Cart: Add items to the cart from the product listings.
- Remove from Cart: Remove items from the cart as needed.
- Notifications: Receive instant feedback using toast notifications.
- Frontend: React, React DOM, React Icons, React Router DOM, React Toastify, React Hot Toast
- State Management: Redux Toolkit, React Redux
- Styling: Tailwind CSS
- Build Tool: React Scripts
- Node.js
- npm
- Clone the repository:
git clone https://github.com/yourusername/Shop_APP.git
cd Shop_APP
- Install dependencies:
npm install
- Start the JSON server and development server:
npm start
- start: Starts the development server.
- build: Builds the application for production.
- Navigate to the home route to view all product cards.
- Add items to the cart by clicking the "Add to Cart" button on each product card.
- View the cart to see added items, where you can remove or delete items as needed.
- Receive instant feedback through toast notifications for each action.