Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ryana265/e-kart
E-Kart is an online shopping platform that fetches product data from the DummyJSON API and allows users to browse products, add them to the shopping cart or wishlist, remove items, and calculate the total price dynamically. This project was built to demonstrate key e-commerce functionalities using React and Redux for state management.
https://github.com/ryana265/e-kart
lucide-react react redux redux-toolkit tailwindcss
Last synced: 14 days ago
JSON representation
E-Kart is an online shopping platform that fetches product data from the DummyJSON API and allows users to browse products, add them to the shopping cart or wishlist, remove items, and calculate the total price dynamically. This project was built to demonstrate key e-commerce functionalities using React and Redux for state management.
- Host: GitHub
- URL: https://github.com/ryana265/e-kart
- Owner: Ryana265
- Created: 2024-10-21T16:37:03.000Z (28 days ago)
- Default Branch: master
- Last Pushed: 2024-10-31T12:03:02.000Z (18 days ago)
- Last Synced: 2024-11-04T20:04:55.290Z (14 days ago)
- Topics: lucide-react, react, redux, redux-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://e-kart-gray.vercel.app
- Size: 58.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Kart 🛒
E-Kart is an online shopping platform that fetches product data from the **DummyJSON API** and offers essential e-commerce features like product browsing, cart and wishlist management, and dynamic price calculation. Built with **React** and **Redux** for streamlined state management.
## Features
- **Product Browsing**: View a range of products.
- **Shopping Cart**: Add or remove items, with a dynamically updated total.
- **Wishlist**: Save items to a separate wishlist for easy access.
## Built With
- **React**: For the UI and component structure.
- **Redux**: For efficient state management.
- **Tailwind CSS**: For styling and responsive design.
## Getting Started
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/yourusername/e-kart.git
```
2. **Navigate to the project directory**:
```bash
cd e-kart
```
3. **Install dependencies**:
```bash
npm install
```
4. **Run the app locally**:
```bash
npm start
```
Visit [http://localhost:3000](http://localhost:3000) to use the app.
### Usage
- **Add to Cart**: Select items and add them to your shopping cart.
- **View Wishlist**: Save items to a wishlist for later.
- **Price Calculation**: The cart dynamically updates the total price.
### License
This project is open-source under the MIT License.
### React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh