https://github.com/rgvirer/project_react

Home Design Store - E-Commerce Frontend Built with React ⚛️
https://github.com/rgvirer/project_react

ecommerce-website front-end java-script material-ui react redux

Last synced: 5 months ago
JSON representation

Home Design Store - E-Commerce Frontend Built with React ⚛️

• Host: GitHub
• URL: https://github.com/rgvirer/project_react
• Owner: RGvirer
• Created: 2024-03-14T16:52:00.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-05-20T18:15:01.000Z (7 months ago)
• Last Synced: 2025-05-20T19:36:30.303Z (7 months ago)
• Topics: ecommerce-website, front-end, java-script, material-ui, react, redux
• Language: JavaScript
• Homepage: https://homedesignstore.netlify.app
• Size: 1.06 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 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**:

   ```bash

   git clone https://github.com/your-username/your-repo-name.git

   cd your-repo-name

# Live Demo

[Visit the live website](https://homedesignstore.netlify.app)

## Home

![home](https://github.com/user-attachments/assets/5761bd74-1804-437c-bc08-1ff0f2933349)

![ClickonPhoto](https://github.com/user-attachments/assets/de6853eb-2ef1-47fe-bd18-76ce5ded773d)

## Product

![product](https://github.com/user-attachments/assets/ebf46efa-dbbb-4ce0-8475-28752951caf1)

![product2](https://github.com/user-attachments/assets/a61d516d-9be4-4f1d-be1a-be86583097ab)

## Products

![allProducts](https://github.com/user-attachments/assets/dcb4de14-3dad-4b3f-8d80-3cc5308b99e1)

## Cart

![shoppingCartInProductsPage](https://github.com/user-attachments/assets/0ae2bf7f-a8f1-4e77-ad53-9273ce7ee99d)

![ShoppingCart](https://github.com/user-attachments/assets/08d99909-ed7b-411b-928d-cf670e7b7337)

## SignIn

![login](https://github.com/user-attachments/assets/6d2fedb0-ebec-4f61-92d2-690ab1daf40f)

## SignUp

![signup](https://github.com/user-attachments/assets/b11175e6-8f0b-4e09-931a-235a61833875)