Food Order App Redux

Table of Contents

• Live Application
• Installation
• Introduction
• Implementation
• Features
• Screenshots
• Contributing

Live Application

Click here to go to the application.

Installation

1. Clone repository

git clone https://github.com/arturguimaraes/food-order-app-redux.git 

2. Go to directory

cd food-order-app-redux

3. Install required libraries

npm i

4. Start project on http://localhost:3000/

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

The Food Order App Redux includes the following features:

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

Screenshots

Contributing

Contributions to this project are welcome! If you'd like to contribute, please follow these steps:

1. Fork this repository.
2. Create a new branch for your feature or bugfix.
3. Make changes and commit them.
4. Push your branch to your fork.
5. Create a pull request.

Please ensure that your code adheres to the project's coding standards and that any new features are thoroughly tested.