https://github.com/atharvathorve/burger-app

A React application which allows user to make their own burger and place order.
https://github.com/atharvathorve/burger-app

asynchronous-tasks firebase firebase-database react redux redux-thunk

Last synced: 11 days ago
JSON representation

A React application which allows user to make their own burger and place order.

• Host: GitHub
• URL: https://github.com/atharvathorve/burger-app
• Owner: AtharvaThorve
• Created: 2020-02-18T05:10:14.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-02T17:16:54.000Z (almost 2 years ago)
• Last Synced: 2025-01-19T23:39:53.775Z (13 days ago)
• Topics: asynchronous-tasks, firebase, firebase-database, react, redux, redux-thunk
• Language: JavaScript
• Homepage: https://myburgerapp-2567a.firebaseapp.com/
• Size: 3.9 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Burger-App

A React application development

### Index

- Concept

- Usage

- ScreenShots

- Technologies Used

- Tasks

- Authors

## Concept

A frontend React application from which an user can build a burger and place an order by filling their information in a form which is then stored in a firebase database.


Click [here](https://myburgerapp-2567a.firebaseapp.com/) to visit the app.

## Usage

1. Clone this repository using the command `git clone https://github.com/AtharvaThorve/Burger-App.git`

2. Change the directory folder to Burger-App then burger_app using the command `cd Burger-App/burger_app`

3. Run command `npm install` to install all the dependencies.

4. Run command `npm start` to start the app in development mode.

## ScreenShots

Start screen. The burger is empty at the beginning and ingredients can be added from menu below.








User data form which is needed to be filled before placing the order.








Previous orders that were placed which are fetched from the database.








#### More screenshots in images folder

## Technologies used

1. **React** - To make the frontend web app

2. **React Router** - To add routing features to this single page application

3. **Redux** - Provide central store to state management

4. **Redux Thunk** - Add support for execution of asynchronous tasks in *Redux*

5. **Form Validation** - Self implemented form validation to the project to get and store user data.

6. **Firebase** - Firebase Realtime Database used to store and get data.

7. **css-modules** - To add styling to the project.

8. **Prettier** is used for formatting.

9. **Jest and Enzyme** is used for testing.

## Tasks

- [x] Create React app for frontend.

- [x] Add routing to create multipage application feel to the single page application

- [x] Add form validation

- [x] Add Redux support

- [x] Add Redux thunk to support execution of asynchronous tasks in *Redux*

- [x] User Authentication

- [x] Fixing few bugs

- [x] Testing

- [x] [Deployment](https://myburgerapp-2567a.firebaseapp.com/)

## Authors

[Atharva Thorve](https://github.com/AtharvaThorve)