https://github.com/tiwarishubham635/chat-rooms

An Application for Chats and Discussions with Dedicated Chat Rooms
https://github.com/tiwarishubham635/chat-rooms

chat firebase react

Last synced: 3 months ago
JSON representation

An Application for Chats and Discussions with Dedicated Chat Rooms

• Host: GitHub
• URL: https://github.com/tiwarishubham635/chat-rooms
• Owner: tiwarishubham635
• Created: 2020-12-26T17:55:47.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-02-04T19:28:38.000Z (over 4 years ago)
• Last Synced: 2025-02-05T04:45:41.565Z (over 1 year ago)
• Topics: chat, firebase, react
• Language: JavaScript
• Homepage: https://whatsapp-clone-ea11a.web.app/
• Size: 11.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Chat Rooms 2.0 

An Application for Chats and Discussions - Updated in June 2021

#### Deployed Link: https://whatsapp-clone-ea11a.web.app/

   ![Screenshot](Snapshots/Welcome.png)

## Description

This Application is designed to provide a platform for discussions and query resolution regarding topics like Development, Competitive Coding, Dance or Studies in general etc. It has been designed on the lines of the WhatsApp Clone.

## Salient features:

  1. Login and Logout through Google Authentication.

  2. Dedicated Chat Rooms for discussions and query resolution.

  3. Features to create new chat rooms, search chat rooms, search in chats and upload files.

  4. Animations in the background.

  5. Emoji Picker for chats.

## This Application is made using:

  1. React.Js

  2. Firebase

## To run the repository on the system:

  1. Clone the repository using "git clone https://github.com/tiwarishubham635/Chat-Rooms.git"

  2. Use "npm install" to install node_modules required.

  3. Use "npm start" to run the development server  

## Snapshots of the Website

* ### Login Page

   ![Screenshot](Snapshots/Login.png)

   

* ### Welcome Page (Just After Login)

   ![Screenshot](Snapshots/Welcome.png)

   

* ### Developers Chat Room

   ![Screenshot](Snapshots/DevRoom.png)

   

* ### Search Option and Tooltips

   ![Screenshot](Snapshots/Search.png)

   ![Screenshot](Snapshots/Tooltip.png)

   

* ### Upload files

   ![Screenshot](Snapshots/Attach.png)

   ![Screenshot](Snapshots/Upload.png)

   

* ### Making New Chat Room

   ![Screenshot](Snapshots/NewRoom.png)

   

* ### IPL Discussion Chat Room

   ![Screenshot](Snapshots/CompCodersRoom.png)

   

* ### Emoji Picker

   ![Screenshot](Snapshots/EmojiPicker.png)