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:
Check out the live demo of the final result: https://react-firechat-alterclass.netlify.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.
-
Clone the project repository:
git clone https://github.com/AlterClassIO/react-firechat
-
Navigate to the project folder:
cd react-firechat
-
Install the dependencies:
npm install
-
Start the app in the development mode:
npm start
- Open http://localhost:3000 to view your React application in the browser