zoltan-nz/meetup-contacts-app-2021

Modern, structured React application demo with pages, services. An Opinionated React App template for large projects.

React in Structure Demo

• Presentation video
• Slides
• Discord
• Typescript / React Workshop on Meetup

Setup FirebaseService for the Chat Page

1. Copy .env.sample as .env.local.
2. Setup all values based on your Firebase config.
3. Values will be imported by the ./src/services/FirebaseService.

Where can I find the Firebase config?

1. Navigate to https://console.firebase.google.com
2. Create or open your Project.
3. Find Project settings with clicking on the cog icon.
4. Find "SDK setup and configuration" section and click on "Config"

Craco

If you haven't previously used craco (Create React App Configuration Override) you will get an error when using yarn start. Visit the craco installation page for directions. You can ignore the part of the installation instructions regarding craco.config.js and package.json as that's already been done in this repository.