Scribd
Upload
43 views19 pages

Chat App

This document summarizes a chat app project created using React, NodeJS, and Firebase. The chat app allows users to create public chat groups, send messages, and see an online users list. It was created by Shivrajsinh Zala and Divyarajsinh Zala with supervision from Mr. Bhavesh Hadiyal. The app's modules include login, creating chat groups, viewing users, sending messages and emojis, and logging out. Future features may include private messaging, file sharing, improved security, and audio/video calling.

Uploaded by

Hitesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
43 views19 pages

Chat App

This document summarizes a chat app project created using React, NodeJS, and Firebase. The chat app allows users to create public chat groups, send messages, and see an online users list. It was created by Shivrajsinh Zala and Divyarajsinh Zala with supervision from Mr. Bhavesh Hadiyal. The app's modules include login, creating chat groups, viewing users, sending messages and emojis, and logging out. Future features may include private messaging, file sharing, improved security, and audio/video calling.

Uploaded by

Hitesh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 19

CHAT APP

PROJECT INFORMATION
 Prepared By:-

Shivrajsinh Zala
Divyarajsinh Zala

 Supervisor:-

Mr. Bhavesh Hadiyal


TECHNOLOGIES AND
LANGUAGES
Languages: Tool and Technology:

HTML5 NodeJS (JavaScript Runtime)


CSS3 React (FrontEnd)
JavaScript FireBase (BackEnd)
VsCode (Code Editor)
Material UI (CSS Library)
AIM
 With the chat app, you can easily communicate with other users
by sending and receiving messages. The chat app can also be used to
store important files and documents, or securely share them with other
users.
:: APPLICATION DESCRIPTION ::

 ChatApp provides the service to create a public group and enables us to


chat together

 It allows you to easily login using one of your existing Google


Accounts. Once logged in, you can chat within the groups.
:: REQUIREMENTS ::

 Software Requirement
 Hardware Requirement
SOFTWARE REQUIREMENT

 OS : Windows 7 or above
 Technology : NodeJS, React
 Editor : VsCode
 Browsers : Chrome, Firefox or any other browser
HARDWARE REQUIREMENT
 Processor : Pentium Dual core or Above
 RAM : 512 MB or Above
 HDD Capacity : 2 GB or Above
MODULE DESCRIPTIONS :

Module Description
Login User Can Login Using Their Valid
Google Account.

Add New Chat User Can Create a Public Group For


Communication for all other users.
Users List User Can see the List of Users who have signed
up in the webpage.

Send message One user can Communicate to another user


using chat rooms(groups)
MODULE DESCRIPTIONS :
Modules Description
Send Emoji User can also send an emoji from the
emoji selector.
Search Emoji User can search for emoji from emoji
search bar
Last Send message (time) User can see the time of each message
and also see the last seen of another
group
Logout User can Logout their Gmail account
LOGIN PAGE:-
CHAT PANEL PAGE:-
GROUP CHAT PAGE:-
USERS LIST PAGE:-
CREATE A GROUP PAGE:-
CONCLUSIONS:-
 ChaApp Project is our first react project.
 The main objective of the project is develop a chat app that can be
easily accessible
 I had taken a wide range of literature review in order to achieve

all the tasks.


 In the Process of research I came to know about the latest technologies
and different algorithms.
LIMITATION
 Users can not message Privately.
 Users can not send document.
 Some of security issues.
 Missing end-to-end encryption.
UPCOMING FEATURES:-
 User to User Private Chat
 Send Documents
 Another layer of security
 Video Call, Voice Call and Voice recording..
 Online and Offline Indicator
 Theme Personalization
THANK YOU

You might also like