EasyShop

This project introduces an e-commerce website developed using React.js. The project allows users to log in, like products, add and remove products from the cart, view the contents of the cart including individual product prices and the total checkout amount, and remove products from the cart.

Dependencies

React.js: A JavaScript library used for developing web applications.

Chakra UI: A UI kit used for user interface design.

Tailwind CSS: A CSS framework and design system used to improve the style and design of web applications.

Axios: A library used for making HTTP requests.

React Icons: A library used for icons.

Redux Toolkit: A tool used for simplifying state management in React applications.

React Router DOM: A library used for page routing.

Fake Store API: An API used to fetch product data.

Features

• Users can like products after logging in.
• Liked products can be viewed in the favorites list and unliked.
• Products can be added to and removed from the cart.
• The cart's contents can be viewed, and the total price can be calculated at checkout.
• Products can be removed from the cart as needed.

Installation

Clone the project files to your computer:

  git clone https://github.com/tarikbulbul/EasyShop.git
  cd EasyShop

Install the required dependencies:

  npm install

Start the application:

  npm run dev

You can view the application by opening http://localhost:3000 in your browser.