Demo Project: Cart Page

This is a single-page application that displays a Cart page. The Cart page lists various products. The application is designed using React and the state management is handled using Redux Toolkit. The data caching is managed using React Toolkit Query. For styling, I have used Styled Components.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You will need to have Node.js and npm installed on your machine to run this project.

Installing

• Clone the repository to your local machine.
• Open the terminal and navigate to the project directory.
• Run the following command to install the dependencies:

npm install

• Once the installation is complete, run the following command to start the development server:

npm start

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

Running the tests

The tests for this project are written using React Testing Library. To run the tests, run the following command:

npm run test

Build With

• React - A JavaScript library for building user interfaces
• Redux Toolkit - A package that helps in writing Redux logic in a simpler way
• React Toolkit Query - A package that provides caching for React applications
• Styled Components - A package that allows writing CSS-in-JS styles for React components
• React Testing Library - A package that provides utilities for testing React components

Author

• Hammad Ail - https://github.com/hammad-6304

Acknowledgments

• The project was developed as a demo project.
• The project is developed using React, Redux Toolkit, React Toolkit Query, and Styled Components.
• The tests for the project are written using React Testing Library.
• Tests for Api haven't covered as there's no customizations.
• NOTE: Due to time shortage there might be something missing but the practices and infra is defined by keeping all the standards in mind.