Skip to content

RGvirer/project_react

Repository files navigation

E-Commerce Website - FrontEnd React

Overview

This is a frontend project for an E-Commerce website built with React, Material-UI (MUI), and Redux. The application allows users to browse through products, add items to their shopping cart, and view details of each product.

Features

  • Responsive Design: The website is fully responsive and mobile-friendly, using Material-UI components.
  • State Management with Redux: Redux is used for managing the state of the shopping cart and product listings.
  • Product Listing: Display products fetched from a mock API.
  • Shopping Cart: Users can add and remove items from the shopping cart.
  • Product Details: View detailed information about a selected product.

Tech Stack

  • React: For building user interfaces.
  • Material-UI (MUI): For modern, responsive UI components.
  • Redux: For centralized state management.
  • Axios: For making HTTP requests to fetch products.

Installation and Setup

Follow the steps below to set up and run the project locally.

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Steps

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo-name.git
    cd your-repo-name
    

Live Demo

Visit the live website

Home

home ClickonPhoto

Product

product product2

Products

allProducts

Cart

shoppingCartInProductsPage ShoppingCart

SignIn

login

SignUp

signup