/FullStack_WebApp_Firebase

A simple full stack web app using Firebase

Primary LanguageJavaScript

simplinnovation

Full Stack Web App Using Firebase

Video

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

Requirements:

How to use this repo:

  1. Create Firebase project then create database on Firebase Firestore with a collection & an initial document. After that setup project permission on Google Cloud Platform IAM (Identity Access Management). For more detail steps, follow the tutorial video (in Bahasa).

  2. Clone this repo:

    $ git clone https://github.com/LintangWisesa/FullStack_WebApp_Firebase.git
    
    $ cd FullStack_WebApp_Firebase
  3. Setup backend: first insert your Google Cloud Platform credential key (.json) inside backend/functions/config/key.json then install all dependencies:

    $ cd backend/functions
    
    $ npm i

    Run locally using Firebase serve on backend dir:

    $ cd backend
    
    $ firebase serve

    If you want to deploy it on Firebase Functions, make sure you have Firebase Blaze Plan (Pay as You Go) then execute:

    $ cd backend
    
    $ firebase deploy
  4. Setup frontend and run locally:

    $ cd frontend
    
    $ npm i
    
    $ npm start

    If you want to deploy it on Firebase hosting, make sure you have build the app.

    $ npm run build
    
    $ firebase deploy

Enjoy!


🍔 Lintang Wisesa


lintang ymail lintang facebook lintang twitter lintang youtube lintang linkedin lintang github lintang hackster lintang bio