Chat app

Project Report
Industrial training & presentation (ECS-791)

Degree
BACHELOR OF TECHNOLOGY (CSE)

PROJECT GUIDE: SUBMITTED BY:

Rohaila Naaz (Internal) Sharik Khan (TCA1809079)
Tushar Kumar Yadav (TCA1809053)
Vratika Gupta (Internal)

December, 2021

FACULTY OF ENGINEERING & COMPUTING SCIENCES

TEERTHANKER MAHAVEER UNIVERSITY, MORADABAD
 ACKNOWLEDGEMENT

We would like to thank our Industrial internal guides “Ms. Rohaila mam, Ms.
Vratika mam” who gave a golden opportunity to work on this project. I’d also like
to express my gratitude to our principal “Prof. Rakesh Kr. Dwivedi”
wholeheartedly.

We must also thank my parents and friends for the immense support and help
during this project. Without their help, completing this project would have been
very difficult.

Sharik Khan (TCA1809079)

Tushar Kumar Yadav (TCA1809053)

Place:

Date:
 DECLARATION

We hereby declare that this Project Report titled “Chat app” submitted by us and
approved by our project guide, the College of Computing Sciences and
Information Technology (CCSIT), Teerthanker Mahaveer University, Moradabad, is
a bonafide work undertaken by us and it is not submitted to any other University
or Institution for the award of any degree diploma / certificate or published any
time before.

Project Group : Project Group Name/Id

Student Name: Sharik Khan Signature

Student Name: Tushar Kumar Yadav Signature

Project Guide: Name Signature

(External)

Project Guide: Ms. Rohaila Naaz Signature

(Internal) Ms. Vratika Gupta
Brief About the Company
(Max 2 Pages)
TMU-FOE&CS Version 5.0 T004A-Project Report

Table of Contents
1 PROJECT TITLE............................................................................................................................................ 6
2 PROBLEM STATEMENT................................................................................................................................ 6
3 PROJECT DESCRIPTION................................................................................................................................ 6
3.1 SCOPE OF THE WORK..........................................................................................................................................6
3.2 PROJECT MODULES..........................................................................................................................................6
3.3 CONTEXT DIAGRAM (HIGH LEVEL)........................................................................................................................6
4 IMPLEMENTATION METHODOLOGY............................................................................................................ 6
5 TECHNOLOGIES TO BE USED........................................................................................................................ 6
5.1 SOFTWARE PLATFORM........................................................................................................................................6
5.2 HARDWARE PLATFORM.......................................................................................................................................7
5.3 TOOLS, IF ANY...................................................................................................................................................7
6 ADVANTAGES OF THIS PROJECT.................................................................................................................. 7
7 ASSUMPTIONS, IF ANY................................................................................................................................ 7
8 FUTURE SCOPE AND FURTHER ENHANCEMENT OF THE PROJECT.................................................................7
9 PROJECT REPOSITORY LOCATION................................................................................................................ 7
10 DEFINITIONS, ACRONYMS, AND ABBREVIATIONS........................................................................................ 8
11 CONCLUSION.............................................................................................................................................. 8
12 REFERENCES............................................................................................................................................... 9

Appendix
A: Data Flow Diagram (DFD)
B: Entity Relationship Diagram (ERD)
C: Use Case Diagram (UCD)
D: Data Dictionary (DD)
E: Screen Shots

Project Title: <Project Name> Page 5 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

1 Project Title
Design and development of a mini project of a real time chatting application i.e. “Chat
App”.

2 Problem Statement
This project is to create a chat application with a server and to enable the users to chat
with each other.
To develop an instant messaging solution to enable users to seamlessly communicate with
each other.
The project should be very easy to use enabling even a novice person to use it.

3 Project Description
Chatting is a method of using technology to bring people and ideas together despite of
geographical barriers. The technology has been available for years but the acceptance it
was quite recent. Our project is an example of chat server.

3.1 Scope of the Work

 Chat app is going to be a text communication software, it will be able to communicate
between two computers using point to point communication.
 Companies would like to have a communication software wherein they can
communicate instantly within their organization.

3.2 Project Modules

The system majorly consists of only 1 module i.e. User with their sub-modules are as
follows:

User:
 Register: User can directly sign-in with email- id and Facebook login.
 Profile: Here user can change the profile picture and username of his/her
account.
 Home:
o Chat group: Here user can select chat group.

Project Title: <Project Name> Page 6 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

o Dashboard: Here user can see profile section and other details.

3.3 Context Diagram (High Level)

<Guidelines: Describe Context Diagram at 0-Level, mentioning what all will come to this application as
input and what all will go out as output>

4 Implementation Methodology
<Guidelines: The process of the whole software system proposed, to be developed, should be mentioned
in brief. This may be supported by DFD's / ER Diagram / Class Diagram / Data Models/ Use Case
Diagrams/ Flowcharts etc. to explain the flow of the information. Mention how testing of the project will
be done and maintenance of the Defect Log>

5 Technologies to be used
5.1 Software Platform
a) Front-end
 React
 Google fonts
b) Back-end
 NodeJS
 Firebase

5.2 Hardware Platform

RAM: 4GB
Hard Disk: 512GB
OS: Windows 7
Browser: Chrome (For Best Experience)

5.3 Tools, if any

VSCode
Git and Github
NPM

6 Advantages of this Project

 Enhances Mobility and Accessibility
 Convenient for Group chat
 Provides Real-time Communication

Project Title: <Project Name> Page 7 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

 Saves Space and Cash

 Keep a Record
 It’s Simple to Set Up
 Boosts Productivity

7 Assumptions, if any
None

8 Future Scope and further enhancement of the Project

Broadcasting Chat Server Applications is going to be a text communication software, it will be
able to communicate between two computers using point to point communication.

9 Some further enhancements in this project can be adding features

like voice calling, video calling etc. Project Repository Location

S# Project Artifacts Location Verified by Verified by Lab

(softcopy) (Mention Lab-ID, Server ID, Folder Project Guide In-Charge
Name etc.)

1. Project Synopsis Report Name and Name and

(Final Version) Signature Signature
2. Project Progress updates Name and Name and
Signature Signature
3. Project Requirement Name and Name and
specifications Signature Signature
4. Project Report (Final Name and Name and
Version) Signature Signature
5. Test Repository Name and Name and
Signature Signature
6. Any other document, give Name and Name and
details Signature Signature

Project Title: <Project Name> Page 8 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

10 Definitions, Acronyms, and Abbreviations

Abbreviation Description

11 Conclusion
Time and money are one of the most important factors of any person, institution. Implementing such
software in the college stationery department can surely be a profitable deal as this application helps to
carry out task with ease and thereby reduces time and money. This is an open source application so that
others can chat in real time. Here you cannot share only text message but also, we have provided the
functionality for sharing the audio, video, images, documents.

There is always a consistent development in any application. Right now, we are dealing with text
communication, audio file, video file, documents. In the upcoming updates we are trying to add audio
and video calling functionality to this application.

12 References
S# Reference Details Owner Version Date

1. Project Synopsis Chat app 1.0 DD-MM-YY

2. Git and Github Git

3.

Project Title: <Project Name> Page 9 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Annexure A
Data Flow Diagram (DFD)
(Mandatory)

Project Title: <Project Name> Page 10 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Annexure B
Entity-Relationship Diagram (ERD)
(Mandatory)

Project Title: <Project Name> Page 11 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Annexure D
Data Dictionary (DD)
(Mandatory)

Example:
User Table (USR)
Fields Data type Description
USR-Name Text Admin name
USR-Password Text Admin password
USR-Contact-No Number Admin Contact
USR-Address Text City

Supplier Table (SUPP)

Fields Data type Description
SUPP-ID Number Supplier ID
SUPP-Name Text Supplier Name
SUPP-Address Text Supplier Address
SUPP-Contact Number Supplier Contact
SUPP-Credit-Limit Number Credit Limit

Project Title: <Project Name> Page 12 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Annexure E
Screen Shots

Login page:

Project Title: <Project Name> Page 13 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Login Page:

Project Title: <Project Name> Page 14 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Home Page:

Project Title: <Project Name> Page 15 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Dashboard:

Project Title: <Project Name> Page 16 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Creating new chat room:

Notifications:

Project Title: <Project Name> Page 17 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Chat Room Description:

Project Title: <Project Name> Page 18 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Edit Room information:

Project Title: <Project Name> Page 19 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

Sending notification to room users:

Project Title: <Project Name> Page 20 of 21

TMU-FOE&CS Version 5.0 T004A-Project Report

User Profile:

Project Title: <Project Name> Page 21 of 21