https://github.com/mohi-uddin-akbar/state-management-in-react

This project is a simple e-commerce web application focused on practicing state management in React. It demonstrates using Context API, Redux, and Zustand to manage global state, showcasing how each can be applied to achieve efficient and scalable state management solutions.
https://github.com/mohi-uddin-akbar/state-management-in-react

context-api redux redux-toolkit state-management-in-react zustand

Last synced: 27 days ago
JSON representation

This project is a simple e-commerce web application focused on practicing state management in React. It demonstrates using Context API, Redux, and Zustand to manage global state, showcasing how each can be applied to achieve efficient and scalable state management solutions.

• Host: GitHub
• URL: https://github.com/mohi-uddin-akbar/state-management-in-react
• Owner: MOHI-UDDIN-AKBAR
• Created: 2024-10-15T10:58:23.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T20:27:24.000Z (3 months ago)
• Last Synced: 2024-11-08T20:38:23.702Z (3 months ago)
• Topics: context-api, redux, redux-toolkit, state-management-in-react, zustand
• Language: TypeScript
• Homepage:
• Size: 90.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CoolDeals Project

CoolDeals is a simple e-commerce web application that lets users to add a product to a shopping cart, and manage cart quantities. It leverages React, Zustand, Redux, and other modern web technologies to provide a smooth and interactive user experience.

## Features

- Add products to the shopping cart

- Update product quantities in the cart

- Remove items from the cart

- Display total price and quantity in the cart

- Responsive and user-friendly design

## Technologies Used

- **React** for the user interface

- **CSS** for styling the components

- **Axios** for data fetching

- **TypeScript** for type safety

- **Context API** for global state management

- **Zustand** for global state management

- **Redux** for global state management

## Project Setup

### Prerequisites

Make sure you have the following installed:

- [Node.js](https://nodejs.org/) (version 14 or higher)

- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) for package management

### Installation

1. Clone the repository:

   ```

   git clone https://github.com/MOHI-UDDIN-AKBAR/state-management-in-react.git

   cd state-management-in-react

   ```

2. Install dependencies:

```

npm install

```

Or if you're using Yarn:

```

 yarn install

```

### Running the Project

To start the development server, run:

```

npm run dev

```

Or if you're using Yarn:

```

 yarn run dev

```

After that, open your browser and go to http://localhost:5173 to see the app in action.