MEZ901 / Redux-vs-Context-Shopping-Cart

A comparison of state management using Context API and Redux.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Redux-vs-Context-Shopping-Cart

This is a collaborative shopping cart project that explores the use of state management with two different approaches: Redux and Context API. In this project, two separate branches have been created to showcase the implementations of Redux and Context API, with each branch being maintained by one of the collaborators.

Project Overview

The primary goal of this project is to compare the usage and benefits of Redux and the Context API for state management in a React application. By collaborating with a classmate, we have created separate branches for Redux and Context API implementations, allowing for a side-by-side comparison of these two popular state management solutions.

Collaborators

Branches

Redux Branch

The Redux branch is maintained by Issam and contains the implementation of the shopping cart using Redux for state management. You can find detailed information and usage instructions in the Redux branch README.

ContextAPI Branch

The ContextAPI branch is maintained by Mohamed and contains the implementation of the shopping cart using the Context API for state management. You can find detailed information and usage instructions in the ContextAPI branch README.

Getting Started

If you're new to this project, you can follow these steps to get started:

  1. Clone the repository:
    git clone git@github.com:MEZ901/Redux-vs-Context-Shopping-Cart.git
  2. Navigate to the project directory:
    cd Redux-vs-Context-Shopping-Cart
  3. Choose the branch that aligns with your interest:
    • For Redux:
      git checkout redux
    • For ContextAPI:
      git checkout context-api
  4. Follow the instructions in the respective branch's README to set up and run the project.

About

A comparison of state management using Context API and Redux.


Languages

Language:JavaScript 97.0%Language:HTML 2.6%Language:CSS 0.4%