This repository contains the frontend implementation for a full-stack application using React. Follow the instructions below to set up and test the application.
- Authentication Pages: user registration & login pages
- Search, filter, and sort functionalities
- Pagination for large datasets
- Favorites Page: View products marked as favorites and manage them.
-
Clone this repository:
git clone <repository_url>
Navigate to the
frontendfolder:cd frontend -
Install the dependencies:
npm install
- Create a
.envfile in thefrontendfolder with the following variables:ReplaceREACT_APP_API_BASE_URL=<backend_base_url>
<backend_base_url>with the base URL of your backend API.
-
Start the React development server:
npm start
-
Open your browser and navigate to
http://localhost:3000to view the application.
To test the application, ensure the backend is running and configured correctly. Use the frontend to:
- Register a new user and log in.
- Perform CRUD operations on products.
- Search, filter, sort, and paginate products.
- Mark products as favorites and view them.
Ensure that both the backend and frontend are running simultaneously for full functionality. For backend setup instructions, refer to the backend repository