bjoern-sellnau / simple-react-app

Opinionated full-stack react app with a focus on simplicity.

Simple react app

An opinionated full-stack react app with a focus on simplicity.

Setup

Prerequisites

• Create a Firebase project
• Enable Google Authentication method
• Copy .env.local.example to .env.local

Admin

• In Firebase generate a private key under Project settings > Service accounts.
• Rename the resulting file to serviceAccount.json, and place it in the project root (gitignored).

FirebaseApp

• In Firebase under Project settings > General create a web application if you haven't done so already.
• Copy the Config version of the Firebase SDK snippet and paste it in core/config.ts under the firebase key.

Database

• Enable Firestore in your Firebase project
• Adjust the database url to reflect your project/database id

Deploy

Automated by Vercel-GitHub integration (with default settings)

Try it yourself:

Customise

Icons part 1

• Generate the required formats at https://www.favicon-generator.org/
• Copy everything except browserconfig.xml and manifest.json to images/icons and overwrite all files.

Icons part 2

• Generate a manifest file and more icons at https://manifest-gen.netlify.app/
• Place the resulting manifest.json and images folder in /public (overwrite existing folders and files)

Meta information

• Change the variables in core/config.ts