#vercel link : https://my-e-commerce-app-nu.vercel.app/

# React Product Listing Application

This is a simple React application that lists products and displays product details.

## Project Structure

The project is structured as follows:

- `App.js`: This is the main component of the application. It sets up the routing for the application.
- `index.js`: This is the entry point of the application.
- `ProductList.js`: This component fetches and displays a list of products.
- `ProductDetails.js`: This component fetches and displays the details of a selected product.
- `App.scss`: This file contains the styles for the application.

## Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of [Node.js and npm](https://nodejs.org/en/download/).
- You have a Windows/Linux/Mac machine.

## Dependencies

This project uses the following dependencies:

- "@emotion/react": "^11.11.3"
- "@emotion/styled": "^11.11.0"
- "@mui/icons-material": "^5.15.10"
- "@mui/material": "^5.15.10"
- "@reduxjs/toolkit": "^2.2.1"
- "react-redux": "^9.1.0"
- "react-router-dom": "^6.22.1"
- "sass": "^1.71.1"

## Installing and Running the Application

To install and run the application, follow these steps:

1. Clone the repository:
   ```bash
   git clone <repository-url>
  1. Navigate to the project directory:

    cd <project-directory>
  2. Install the dependencies:

    npm install
  3. Start the application:

    npm start

The application will start and can be accessed at http://localhost:3000.

Contributing to the Project

If you want to contribute to the project, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.

License

This project is open-source and available under the MIT License.