Skip to content

Firebase Full-Stack Restaurant Website Management Utility with Firestore Menu Data

Notifications You must be signed in to change notification settings

JasonHoku/a-a-Roots

Repository files navigation

a-a Roots Restaurant - Firebase Full Stack App - With API - Live - 1.0

Built with NodeJS, React CRA, & Googles Firebase

Firebase Badge PayPal Badge EmailJS Badge CodeQL Badge ESLint Badge Analytics Badge Image Upload Badge Admin Panels Badge  WYSIWYG Design Tools Badge

GitHub license npm version PRs Welcome

Visits Badge Created Badge Commits Badge Discord

Restaurant Themed MicroHawaii Web App

image

A.) Documentation

Index Of The Following Readme:

A.) Documentation

====

B.) Setup

B4.) For More Info On React Apps

====

C.) Going Live

C1.) Firebase

C2.) PayPal

C3.) EmailJS

C4.) Google Analytics

====

You can find the React documentation on the website.

Check out the Getting Started page for a quick overview.

B.)Setup

Install Prerequisites:

NodeJS: https://nodejs.org/en/

git: https://git-scm.com/downloads

B2.)Download Source Files & Initialise Workspace.

B3.) Download source with git:

Type into git bash in the desired setup directory (git install prequisite):

git clone https://github.com/JasonHoku/MicroHawaii

Now you have the source code and may edit and run it as a React app with:

npm i npm start

B4.) For More Info On React Apps:

You can find the React documentation on the website.

Check out the Getting Started page for a quick overview.

C.) Going Live

This section is for integrating your own: PayPal, Email Notifier, Google Analytics and Firebase App.

Find example.env in your project root directory and rename it to .env This file is set to be auto excluded in sharing and will be your passwords and keys file.

None of these tools are required to run the app locally or from your choice of computer.

Put API Keys into example.env slot and rename example.env to .env (then restart app)

C1.) Firebase

Used For Hosting Your App

  • Free .firebaseapp.com AND .web.app domain suffixes.
  • Free 10GB of Hosting (15,000 HD Images)
  • Free 50,000 Database Writes Per Day (Best In Industry Quota)

Again, not necessary but very useful for launching your application quickly, easily and affordably (Free) to the world wide web.

Signup and get API keys from Settings --> Config

C2.) PayPal

https://developer.paypal.com/

Create a Live Production API Key (Important that it's a Live key)

C3.) EmailJS

Email Notification Tool

Signup and get API keys from Settings

C4.) Google Analytics

This app is strapped to send details on every click to Google Analytics. Amazingly powerful for disovering how users are utilizing your web app.

https://analytics.google.com/

Get UA-APIKEYHERE from projects --> settings

Accepting PRs, questions, comments and concerns.

===========================

===========================