zachsnoek / react-firebase-chat-app

A chat app built with React and Firebase

Home Page:https://www.zachsnoek.com/blog/how-to-build-chatroom-app-react-firebase

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React and Firebase Chat App

This is the project code for my React and Firebase chatroom app tutorial. The app uses React for the frontend, Firestore for real-time messaging, and Firebase Authentication for Google authentication.

Some specific React concepts this tutorial teaches are:

  • Storing global context with the Context API
  • Creating custom hooks for consuming context and synchronizing with external data
  • Using unauthenticated and authenticated app components based on the user's authentication state

Quick start

  1. Obtain your Firebase configuration following these steps
  2. Add your Firebase configuration to src/services/firebase.js
  3. Run yarn && yarn start

Support my work

If you found my tutorial helpful, please consider supporting my work financially:

Buy Me A Coffee

About

A chat app built with React and Firebase

https://www.zachsnoek.com/blog/how-to-build-chatroom-app-react-firebase


Languages

Language:JavaScript 73.0%Language:CSS 23.5%Language:HTML 3.5%