E-Commerce Site

This is an e-commerce site where you can view a list of products, filter them, view product details and add items to the cart.

Project Structure

The project is divided into two main parts:

• Backend: Manages the APIs for product listing, details and cart management.
• Frontend: User interface built with React to interact with the backend and display products.

APIs

The backend uses the DummyJSON API to fetch product data. The API provides product lists, details, and filtering options.

How to Start the Project

Backend

To start the backend, follow these steps:

1. Navigate to the backend directory:

   cd backend

2. Install the required dependencies:

   npm install

3. Start the backend server:

   npm start

4. The backend server will be available at http://localhost:5001.

Frontend

To start the frontend, follow these steps:

1. Navigate to the frontend directory:

   cd frontend

2. Install the required dependencies:

   npm install

3. Start the React application:

   npm start

4. The frontend will be available at http://localhost:3000.

Testing

Backend

To run backend tests:

1. Navigate to the backend directory:

   cd backend

2. Run the tests:

   npm test

Frontend

To run frontend tests:

1. Navigate to the frontend directory:

   cd frontend

2. Run the tests:

   npm test