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.

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

Installation

1. Clone the repository:

   git clone https://github.com/RijoKsd/E-Store.git

2. Navigate to the project directory:

   cd e-store

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   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.