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.

• Repository

• Live Deployment of 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 .

• /
• /recipes
• /recipes/:id
• /order

• 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

• ReactJS
• Styled Components
• Firebase