/project9a-shopping-cart-with-redux

This shopping cart web app is built to learn and demonstrate the use of Redux with react. The app uses @reduxjs/toolkit library which is an official opinionated version of react-redux. The app is developed using Test Driven Development (TDD) approach.

Primary LanguageTypeScript

Project 9A: Shopping Cart with Redux Toolkit

This project was bootstrapped with Create React App. It was created for submission in Pana Cloud Bootcamp 2020.

Link to Web App

The web app has been deployed to Netlify, and can be accessed here.

Features

The following are some of the features of this project:

  • Uses Redux for state management
  • Developed with Test Driven Development (TDD) approach (60+ tests)
  • CI/CD pipeline with Github Workflows
  • Automated tests in CI/CD pipeline
  • Completely typed with Typescript
  • Completely interactive design with CSS transitions
  • Completely responsive design with CSS media queries

Learning Outcomes

The following are some of the learning outcomes of this project:

  • Uses Redux for state management
  • Using Test Driven Development (TDD) approach for developing web apps
  • Using React Testing Library (RTL) to write tests for React components, reducers, and redux actions
  • Using Jest for assertions and running tests
  • Testing react-router integration
  • Creating a PWA with ServiceWorkers and Manifest
  • Using Typescript to develop a typed web app
  • Building a web app with React.JS, React Icons, React Router DOM, etc.