React Final Project

Overview

This project is a comprehensive web application built using React.js, designed as a final project for a React course. The application supports multiple user roles, allowing for various functionalities based on user permissions.

Features

• Guest Users:

  • View all products
  • Register and log in

• Registered Users:

  • View all products
  • View details of individual products
  • Add products to cart
  • Complete purchases

• Admin Users:

  • Manage products (add, edit, delete)
  • Manage orders
  • Manage user accounts

Technology Stack

• Frontend: React.js, JavaScript, HTML, CSS, Material-UI (MUI)
• Backend: Node.js, Express
• Database: JSON files for data storage

Installation

To get started with the project, follow these steps:

1. Clone the repository:

   git clone https://github.com/TehilaTheStudent/react-final-project.git

2. Navigate to the project directory:

   cd react-final-project

3. Install the necessary dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and go to http://localhost:3000 to view the application.

Usage

Once the application is running, users can:

• Register: Click on the "Register" button to create a new account.
• Login: Use the login form to access registered user features.
• Browse Products: Explore the product catalog as a guest or registered user, fill your cart and order.
• Admin Features: Admin users can log in to manage products orders and user accounts.