E-Commerce React Application

A modern e-commerce web application built with React, Redux, and React Router. This application provides a seamless shopping experience with features like product browsing, detailed product views, shopping cart management, and user authentication.

Features

• Product Catalog

  • Browse products on the home page
  • View detailed product information
  • Responsive product grid layout

• Shopping Cart

  • Add/remove products to/from cart
  • Update product quantities
  • View cart total and item count

• User Authentication

  • Login page with clean UI
  • Protected routes
  • Conditional navigation display

• Modern UI/UX

  • Responsive design
  • Clean and intuitive navigation
  • Dynamic routing
  • State management with Redux

Tech Stack

• Frontend Framework: React.js
• State Management: Redux
• Routing: React Router v6
• Styling: Tailwind CSS
• Build Tool: Vite

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:5173

Key Features Implementation

• State Management: Redux is used for managing application state, particularly for cart and product data
• Routing: React Router handles navigation between different pages
• Conditional Rendering: Navbar is hidden on the login page for a cleaner authentication experience
• Component Architecture: Modular components for better code organization and reusability

Contributing

Feel free to submit issues and enhancement requests. Pull requests are welcome!