• 📗 Table of Contents
• 📖 Firebase-Chat
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Deployment
  • 👥 Author
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • 📝 License

Firebase-Chat is an app built as an exercise to understand how to integrate Firebase features with a react app. Uses Firebase authentication to implement Oauth and Cloud Firestore as the database to persist the chat history.

• You can log in with your Google account.
• Chat history persisted in Firestore.
• Conditional render of components when a signed-in user is present.

(back to top)

To get a local copy up and running, follow these steps.

To run this project you need:

• Git
• Npm/Node.js

Clone this repository to your desired folder using this command:

git clone [email protected]:jfoyarzo/react-firebase-chat.git

cd react-firebase-chat

Install this project's dependencies using:

npm install

Since this project uses Firebase features, you need to supply your corresponding credentials by creating a .env file in the root of the app. You can use the provided .env.example file as a guide.

To run the project, execute the following command from the root folder of the app:

npm start

this will start a development build on http://localhost:3000/

For production build use:

npm build

(back to top)

👤 Felipe Oyarzo

• GitHub: @jfoyarzo
• LinkedIn: LinkedIn

(back to top)

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

If you like this project please consider giving it a star!

(back to top)

This project was built following the How to Build a Real-time Chat App Tutorial by Timonwa Akintokun.

(back to top)

This project is MIT licensed.

(back to top)