https://github.com/zoltan-nz/meetup-contacts-app-2021

Modern, structured React application demo with pages, services. An Opinionated React App template for large projects.
https://github.com/zoltan-nz/meetup-contacts-app-2021

firebase opinionated react

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/zoltan-nz/meetup-contacts-app-2021
• Owner: zoltan-nz
• Created: 2021-02-17T10:19:36.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-11-25T04:41:46.000Z (almost 3 years ago)
• Last Synced: 2024-04-08T16:47:11.141Z (7 months ago)
• Topics: firebase, opinionated, react
• Language: TypeScript
• Homepage:
• Size: 2.05 MB
• Stars: 13
• Watchers: 2
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React in Structure Demo

- [Presentation video](https://youtu.be/0l0Rkkp-XJo)

- [Slides](https://docs.google.com/presentation/d/1jUyBWR5g-soG-78KO7yrjGaY1Pb1NCwFYv1un5OlD9U/edit?usp=sharing)

- [Discord](https://discord.gg/Hc3ARubd)

- [Typescript / React Workshop on Meetup](https://www.meetup.com/typescript-javascript-workshop)

## Setup FirebaseService for the Chat Page

1. Copy `.env.sample` as `.env.local`.

2. [Setup all values based on your Firebase config.](https://firebase.google.com/docs/web/setup?authuser=0&sdk_version=v8#config-object)

3. Values will be imported by the `./src/services/FirebaseService`.

**Where can I find the Firebase config?**

1. Navigate to 

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)](https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md) you will get an error when using `yarn start`. Visit the [craco installation page](https://github.com/gsoft-inc/craco/blob/master/packages/craco/README.md#installation) 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.