https://github.com/altinthaqi/foodzz
Dummy web for restaurants to use, built with React and Firebase. See restaurant infos, view recipes, use "order food" feature, try Light/Dark mode in a fully responsive design styled with styled-components.
https://github.com/altinthaqi/foodzz
food-ordering react
Last synced: 3 months ago
JSON representation
Dummy web for restaurants to use, built with React and Firebase. See restaurant infos, view recipes, use "order food" feature, try Light/Dark mode in a fully responsive design styled with styled-components.
- Host: GitHub
- URL: https://github.com/altinthaqi/foodzz
- Owner: altinthaqi
- Created: 2022-01-10T21:50:50.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-06-17T20:53:53.000Z (over 1 year ago)
- Last Synced: 2025-01-01T16:14:28.116Z (11 months ago)
- Topics: food-ordering, react
- Language: JavaScript
- Homepage: http://foodzz.altinthaci.com
- Size: 2.3 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Movie Mood
foodzz is a ReactJS Web Application built for restaurants
Restaurant web application used for online food ordering. With plenty of features, you can Order Food implemented with Context API and useReducer, Fetch Recipes from a databse and store your orders in the backend, View Recipes etc... Find the food you'd like to order, click on the ADD to add it to the Cart, where you can later checkout on a fully validated form, to store that data in a database. You can also View Recipe for each food with Nested Routes v6.
## Links
- [Repository](https://github.com/altinthaqi/foodzz "foodzz Repo")
- [Live Deployment of the Project](https://foodzz.altinthaci.com "Live View")
## To use the project:
**Download** the project as **ZIP** or **Clone** it via:
`git clone https://github.com/altinthaqi/movie-mood.git` ,
Run this command on your terminal: `npm install` ,
Start the project: `npm start` .
## Paths:
- /
- /recipes
- /recipes/:id
- /order
## Features:
- Fetched recipes from a real-time database
- Food Cart implemented with Context API + useReducer
- Store ordered food orders in a database
- View recipes in Nested Routes with react-router-dom v6
- Mobile-First fully responsive 3 BP (Mobile, Tablet, Desktop)
- Light/Dark mode implemented throughtout all pages
## Built With:
- ReactJS
- Styled Components
- Firebase