Skip to content

Food Ordering Hybrid app created with React, Monaca and Framework7

License

Notifications You must be signed in to change notification settings

DomSas/Food-Ordering-App

Repository files navigation

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:
    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.

Releases

No releases published

Packages

No packages published