E-commerce Web App

Click here for Live Preview

This project is a fully functional e-commerce web application built using React. It leverages various modern React concepts and features, including Redux for state management, props, states, and hooks to manage the application logic efficiently.

Key features include:

• Product Exploration: Users can browse through a wide range of products across various categories.
• Shopping Cart Management: Easily add, edit, and remove items from the shopping cart.
• User-Friendly Interface: The website is designed for seamless navigation and an enjoyable user experience.
• Category Filtering: Find products quickly by filtering through different categories.

Getting Started

To run the project locally, follow these steps:

1. Clone the repository.
2. Install dependencies using npm install.
3. Start the development server with npm start.

---

Folder Structure

The project's folder structure is organized as follows:

• src: Contains the source code for the React app.
  • redux: Contains Redux elements.
  • assets: Contains images, global CSS files, font files, etc., used in the project.
  • components: Contains reusable React components for the app.
    • ui: Contains UI components such as buttons, modals, cards, etc., styled in a generic manner.
  • data: Contains data assets such as JSON files used in the code.
  • pages: Contains higher-level components responsible for rendering specific pages or sections of the app.
  • utils: Contains utility functions used across the project.
  • App.js: The root component of the React app.
  • index.js: Responsible for rendering the root component and mounting it to the DOM.
  • Files with .jsx: JSX files, similar to JavaScript files but specifically used for React components.
• .env: Configuration file for environment variables.
• .gitignore: Specifies files and directories that should be ignored by Git.
• package.json: Lists the dependencies for the project.
• README.md: Provides documentation for the project.