#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>
-
Navigate to the project directory:
cd <project-directory>
-
Install the dependencies:
npm install
-
Start the application:
npm start
The application will start and can be accessed at http://localhost:3000
.
If you want to contribute to the project, please fork the repository and make changes as you'd like. Pull requests are warmly welcome.
This project is open-source and available under the MIT License.