Food Order App with ReactJS, Redux, Typescript

by React

Food Order App Redux

Installation

  1. git clone repo
  2. food-order-app-redux
  3. npm i
  4. npm start

Introduction

This is a ReactJS, Redux, Typescript and Sass project. This simulates a food ordering app, with cart items control for a basic e-commerce shop.

Implementation

The project uses ReactJS, Redux, Typescript and Sass. It explores concepts of:

  1. Redux (Hooks, Store, Actions, Slice, State, Dispatch)
  2. useState, useEffect
  3. Interface
  4. Event handlers
  5. Sass modules
  6. Spread operators

Features

  1. Cart control for adding correctly amounts if item is already in cart.
  2. If item not in cart, add to it normaly.
  3. Item removal in case of subtracting less then 1 amount, or subtracts amount.
  4. Empty cart feature.
  5. All features above are controlled via Redux dispatch actions.

GitHub

View Github