Discover a seamless shopping experience with our e-commerce app, featuring easy product management and real-time cart control.
📺 Product Listing: Extensive catalog of products.
📺 Product Details: Get comprehensive details, including descriptions, images, and pricing.
📺 Add New Product: Contribute to the product inventory by adding new items.
📺 Edit Product Details: Modify existing product details, including titles, prices, descriptions, and ratings.
📺 Cart Management: Add products, adjust quantities, and remove items as needed. The cart provides a real-time overview of selected products.
📺 Sorting: Sort products by price for both ascending and descending order.
🎬 React
🎬 Tailwind-CSS
🎬 Redux Toolkit
🎬 React-Router-Dom
🎥 State Management: Utilizing Redux Toolkit to manage the global state and store for efficient data sharing across components.
🎥 React Routing: Implementing React Router for navigation and maintaining multiple views within the application.
🎥 Component Structure: Organizing components into modular and reusable structures to enhance readability and maintainability.
🎥 API Integration: Using Axios to interact with backend APIs for fetching, updating, and adding data.
e-commerce/
├── public/
│ └── ... (public assets)
├── src/
│ ├── assets/
│ │ └── ... (images)
│ ├── components/
│ │ ├── Navbar.js
│ │ ├── products/
│ │ │ ├── ProductsList.js
│ │ │ ├── ProductDetails.js
│ │ │ └── AddProduct.js
│ │ ├── cart/
│ │ | ├── Cart.js
│ │ | ├── CartItems.js
│ │ | ├── scrollbar.css
│ │ | └── EmptyCart.js
│ │ └── error/
│ │ └── ErrorPage.js
│ ├── redux/
│ │ ├── ecommerceSlice.js
│ │ └── store.js
│ ├── App.js
│ ├── index.js
│ └── index.css
├── package.json
├── tailwind.config.js
└── README.md
- Node.js (npm will be installed with Node.js)
- Clone the repository:
git clone https://github.com/Kumardinesh1908/e-commerce.git- Navigate to the project directory:
cd e-commerce- Install dependencies:
npm install- Start the development server:
npm run start- Access the app in your browser at http://localhost:3000.
https://e-commerce-kumardinesh1908.vercel.app/