Real Time Chat Application

This Project was done live during GDSC BVCOENM two days event

Live Project Link - GDSC CHAT ROOM

Day 1 Event Link 1 - Web Development from Scratch

Day 2 Event Link 2 - Advanced Web Dev & Real-time Chat Application

Features

• Responsive and beautiful design with basic css properties
• Mobile Friendly UI
• Authentication via google account
• Real Time message synching
• Multilple users chat room

Tech Stack

• HTML
• CSS
• Bootsrap 5
• Javascript
• JQuery
• Firebase
• Firebase Authentication (Google)
• Firestore

Installation Guide

Clone this repo by downloading zip file or if you have git installed you can use this command

git clone https://github.com/snowlag/GDSCEvent.RealTimeChat

This repositary has different branches made according the timeline of the event

• Template branch - This branch contains the initial temlate that was used in day 1 event to get started
• Day1 branch - This branch contains the frontend of real time chat application which was finished after day 1 event
• Day2 branch - this branch contains the full code of application which was completed on day 2
• Main branch - Latest code

Day 1 Event Output

• Completed the frontend of the application by using html , css and bootstarp
• Made the UI functional with Javascript and jQuery
• Added helper functions for day 2

Day 2 Event Output

• Integrated firebase in the project
• Added authentication via google account
• Wired the application with database and added synching of live messages
• Deployed the application on firebase