Food Ordering App

Hybrid application where the customer can select meals and beverages and choose delivery or dine-in option. If delivery is chosen, the user fills name and email, and geolocation is acquired. In case of dine-in, user chooses date and table. Next is payment (cash or card), where payment by card is done through Stripe.

Technologies used:

• Frontend: React (Context API for state management) and Framework7.
• Backend: Express server deployed with Heroku.
• Database: Firebase.
• Hybrid deployment: Monaca.

restaurant-app-preview.mp4

This app is based on a template found here: framework7-react-single-view.
Figma wireframe.
Backend repository can be found here.

Tutorial

There is a tutorial available in Medium, divided into two parts:

Part 1: Create a food ordering application with Monaca, React, Framework 7 and Firebase database

Part 2: Online Payments with Monaca, React and Framework7 with Express backend

How to use

1. Fork or download the repository.
2. Insert Firebase configuration obtained from your Firebase project on the db.js file, from line 14:

   Food-Ordering-App/src/js/db.js

   Lines 14 to 21 in b794dbc

   	const firebaseConfig = {
   	apiKey: '',
   	authDomain: '',
   	projectId: '',
   	storageBucket: '',
   	messagingSenderId: '',
   	appId: '',
   	};

3. Install dependencies with npm install.
4. Start the server locally with npm run start, or using Monaca.