Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rijoksd/e-store
This is a e-commerce website
https://github.com/rijoksd/e-store
Last synced: about 1 month ago
JSON representation
This is a e-commerce website
- Host: GitHub
- URL: https://github.com/rijoksd/e-store
- Owner: RijoKsd
- Created: 2024-05-16T10:23:02.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-19T10:57:25.000Z (7 months ago)
- Last Synced: 2024-05-19T14:44:32.793Z (7 months ago)
- Language: JavaScript
- Homepage: https://e-cart-react-ap.netlify.app/
- Size: 2.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Store
E-Store is an e-commerce website where users can add products to the cart, delete products, update quantities, and purchase products.
- The project is built using React, leveraging React states like Redux Toolkit and Context API.
- Redux Persist is used to store data in localStorage for a better user interface.
- The styling is handled using Tailwind CSS and Daisy UI, animations with @midudev/tailwind-animations, icons from Heroicons, and alerts with React Toastify.
- Data fetching is managed by Axios and the Redux createAsyncThunk method, using the API from [Fake Store API](https://fakestoreapi.com/products).
## Features
- Add products to the cart
- Delete products from the cart
- Update product quantities in the cart
- Purchase products
- Persist cart data in localStorage
- Responsive design with Tailwind CSS and Daisy UI
- Smooth animations with @midudev/tailwind-animations
- Icons provided by Heroicons
- Alerts and notifications with React Toastify
- Data fetching with Axios and Redux createAsyncThunk
## Technologies Used
- React
- Redux Toolkit
- Context API
- Redux Persist
- Tailwind CSS
- Daisy UI
- @midudev/tailwind-animations
- Heroicons
- React Toastify
- Axios
- [Fake Store API](https://fakestoreapi.com/products)
## Installation
1. Clone the repository:
```bash
git clone https://github.com/RijoKsd/E-Store.git
```
2. Navigate to the project directory:
```bash
cd e-store
```
3. Install the dependencies:
```bash
npm install
```
## Usage
1. Start the development server:
```bash
npm run dev
```
2. Open your browser and navigate to `http://localhost:5173` to view the application.
## Contributing
Contributions are welcome! Please fork the repository and submit a pull request for any enhancements or bug fixes.
## Contact
For any questions or inquiries, please contact [Personal Website](https://rijoksd.netlify.app/).