E-Store

E-Store is a feature-rich e-commerce platform that allows users to seamlessly manage their shopping experience. Users can add products to their cart, adjust quantities, remove items, and complete purchases. The project utilizes modern technologies like React, Redux Toolkit, and Tailwind CSS to deliver a smooth, responsive, and dynamic user interface.

Features

• Add to Cart: Easily add products to the cart.
• Cart Management: Update product quantities or remove items from the cart.
• Purchase Products: Complete purchases with a streamlined checkout process.
• Persistent Cart Data: Cart items are stored using Redux Persist to retain data in localStorage even after closing the browser.
• Responsive Design: Built using Tailwind CSS and Daisy UI for modern, mobile-first responsiveness.
• Smooth Animations: Integrated with @midudev/tailwind-animations for fluid transitions.
• Icons & Alerts: Enhanced with Heroicons for icons and React Toastify for alerts and notifications.
• Data Fetching: Powered by Axios and Redux createAsyncThunk, fetching data from the Fake Store API.

Technologies Used

• Frontend: React, Redux Toolkit, Context API
• State Management: Redux Persist
• Styling: Tailwind CSS, Daisy UI, @midudev/tailwind-animations, Heroicons
• Notifications: React Toastify
• Data Fetching: Axios, Redux createAsyncThunk
• API: Fake Store API

Installation

1. Clone the repository:

   git clone https://github.com/SharonSebastian32/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 feel free to fork the repository and submit a pull request for any new features or bug fixes.

Contact

For any inquiries or feedback, reach out via the repository on GitHub:
SharonSebastian32/E-Store