AdrianMroczek:~$

> Realtime Chat App

Realtime Chat App ·
Flutter
Firebase

This project was developed using ReactJs, Socket.io and deployed to Firebase, utilizing various cloud services like Firestore, Authentication, and Hosting.

Github link Live Demo

Features

  • Secure Firestore rules
  • Authentication via Google OAuth

Chat App Preview

Login ViewChat Lobby View
loginpreview.png
chatpreview.png

Getting Started

You can follow these instructions to build the project.

Prerequisites

  • Setup a project in GCP Firebase
  • Enabled Authentication using 'Google' Sign-in method
  • Enabled Cloud Firestore
  • Enabled Hosting
  • Configured the .env file in root directory with your projects Firebase config

Environment Variables (.env)

REACT_APP_API_KEY=<api key>
REACT_APP_AUTH_DOMAIN=<auth domain>
REACT_APP_PROJECT_ID=<project id>
REACT_APP_STORAGE_BUCKET=<storage bucket>
REACT_APP_MSG_SENDER_ID=<sender id>
REACT_APP_APPLICATION_ID=1:<app id>
REACT_APP_MEASUREMENT_ID=<measure id>

Setup

Clone repistory

git clone https://github.com/amroczeK/chat-app-firebase .

Install dependencies

npm install

Run application

npm start

Deployment

Build and deploy to Firebase

npm run build && firebase deploy