Skip to content

Realtime Chat App built with React, Firebase, and Tailwind CSS. Deployed on Netlify ๐Ÿš€ ๐Ÿ”ฅ

License

Notifications You must be signed in to change notification settings

AlterClassIO/react-firechat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

33 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Netlify Status

React FireChat

Source code of the React FireChat app built with React, Firebase, and Tailwind CSS. Deployed on Netlify.

Watch the tutorial on how to build this app from scratch:

Build a REALTIME CHAT APP in 5 MIN with React and Firebase

Check out the live demo of the final result: https://react-firechat-alterclass.netlify.app/.

React FireChat by AlterClass

create-react-app

This project uses the popular create-react-app (CRA) command to setup a modern React application. This way we can focus on the code itself, and not worry about configuring many build tools.

The package.json file provides four scripts:

  • start: Runs the app in the development mode.
  • build: Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
  • test: Launches the test runner in the interactive watch mode.
  • eject: Remove create-react-app build dependency from your project.

Instructions

  1. Clone the project repository: git clone https://github.com/AlterClassIO/react-firechat

  2. Navigate to the project folder: cd react-firechat

  3. Install the dependencies: npm install

  4. Start the app in the development mode: npm start

Compiled successfully!

  1. Open http://localhost:3000 to view your React application in the browser

React starting point