Deprecated

I’ve turned this into a github template https://github.com/eddedd88/react-firebase-template

fullstrapp

Bootstrap a scalable full stack application with pre-configured: hosting, database, authentication, analytics, CI, CD, code templates, and issue templates.

This project tries to make as many opinionated choices as possible about the dev stack in order to quickly build a product that could sustain a significant amount of traffic/users.

Tech Stack:

React front-end framework
Firebase for Hosting, Database (Firestore), Authentication, and Analytics
Github Actions to automate tests and deploys
create-react-app as a starting project which provides: testing (jest), linting and building
material-ui component library
Typescript for type checking

Take a look at this demo app created with fullstrapp

Getting Started
Components
- Signin: firebaseui-web pre-configured to use all signin methods
Issue Templates: Bug Report & Enhancement(User Story)
Project Goals & Strategy

Getting Started

1. Install and create app

yarn global add fullstrapp
fullstrapp myapp

2. Setup Firebase

Make sure you have enabled Firebase Analytics & Authentication in your project
Copy your firebase config located at Firebase Project > Project Settings > Firebase SDK snippet > Config
Paste the firebase config to src/firebase/firebase.ts for the respective environment
Set your Firebase Project as default at .firebaserc

3. Setup Github CI/CD to automate deploys

CI tests are configured out of the box, but to enable deploys to Firebase do the following:

Add firebase tools: yarn global add firebase-tools
Create a Firebase Auth Token locally: firebase login:ci
Add the Firebase token to Github as a secret called FIREBASE_TOKEN. You can add secrets at Github Project > Settings > Secrets.
Open the file .github/workflows/ci.yml and uncomment the lines 51-56

Every time a commit is pushed to github, Github will automatically run the CI tests; and every time there is a push to master Github will deploy the new version to Firebase. See the ci workflow in .github/workflows/ci.yml for more details.

Goals & Strategy

To launch an MVP as fast as possible by using tools and templates to advance the MVP as further as possible with the least amount of work. Basically bootstrap the back-end and front-end of an app.
To iterate on features quickly by automating as many things as possible (tests, builds and deploys). The CI cycles should take less than 5 minutes
To be affordable for the hobbyist developer: free until meaningful traction