https://github.com/lintangwisesa/fullstack_webapp_firebase

A simple full stack web app using Firebase
https://github.com/lintangwisesa/fullstack_webapp_firebase

expressjs firebase firebase-firestore firebase-functions firebase-hosting fullstack reactjs

Last synced: 3 months ago
JSON representation

A simple full stack web app using Firebase

Host: GitHub
URL: https://github.com/lintangwisesa/fullstack_webapp_firebase
Owner: LintangWisesa
Created: 2022-03-05T01:00:17.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2022-03-05T02:08:50.000Z (over 4 years ago)
Last Synced: 2025-10-22T20:59:34.744Z (8 months ago)
Topics: expressjs, firebase, firebase-firestore, firebase-functions, firebase-hosting, fullstack, reactjs
Language: JavaScript
Homepage:
Size: 336 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![simplinnovation](https://1.bp.blogspot.com/-wStk0VZDfMk/YCC0GIRPrDI/AAAAAAAAAGc/1yj7IOUedvoeO1CuCxq7ETLW0FqXni6mwCLcBGAsYHQ/s320/logotext.png)

# __Full Stack Web App Using Firebase__

[![Video](https://img.youtube.com/vi/qpGc5YVJLqY/0.jpg)](https://www.youtube.com/watch?v=qpGc5YVJLqY)

__[Firebase](https://firebase.google.com/)__ 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:__
- 💳 [Firebase](https://firebase.google.com/) account
- 💳 [Google Cloud Platform](https://cloud.google.com/) account
- 💿 [Node.js](https://nodejs.org/en/) (including npm)
- 📋 [Visual Studio Code](https://code.visualstudio.com/) or any code editor
- 💻 [Postman](https://www.postman.com/) or any HTTP client tools

__⭐ 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:

```bash
$ 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:

```bash
$ cd backend/functions

$ npm i
```
Run locally using Firebase serve on backend dir:

```bash
$ 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:

```bash
$ cd backend

$ firebase deploy
```

4. Setup frontend and run locally:

```bash
$ cd frontend

$ npm i

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

```bash
$ npm run build

$ firebase deploy
```