SMART CHAT APP

A Major Project Synopsis

Submitted in Partial fulfillment for the award of

Graduate Degree of Bachelor of Technology (B.Tech.)

In
Computer Science & Engineering
(Session: 2023-24)

Submitted By
DHARMENDRA CHAKRAWARTI
Enroll No: 0205CS201035
DHRUV SONI
Enroll No: 0205CS201036
HIMANSHU GUPTA
Enroll No: 0205CS201049
HARIOM TIWARI
Enroll No: 0205CS201043

Under the Guidance of

PROF. BRAJESH PATEL
(H.O.D. CSE Project Guide)
(Computer Science & Engineering)

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

SHRI RAM INSTITUTE OF TECHNOLOGY, JABALPUR (M.P.)
RAJIV GANDHI PROUDYOGIKI VISHWAVIDYALAYA, BHOPAL (M.P.)
 CERTIFICATE

This is to certify that

DHARMENDRA CHAKRAWARTI
(Roll no-0205CS201035)
DHRUV SONI(Roll no-0205CS201036)
HIMANSHU GUPTA (Roll no-0205CS201049)
HARIOM TIWARI (Roll no-0205CS201043)

students of 8 th semester, Computer Sc. & Engg. S.R.I.T., Jabalpur have duly completed
their final year project entitled “Smart ChatApp” for the partial fulfillment of the
requirement for the degree of Bachelor of Technology as per R.G.P.V., Bhopal.

They have successfully implemented and tested this project, which meets all the
requirements specified under my guidance.

Prof. Brajesh Patel Prof. Brajesh Patel Dr. Shailesh Gupta

(ProjectGuide) (H.O.D.) (Principal)
Computer Sc & Computer Sc. & Engg SRIT, Jabalpur
Engg Deptt.,SRIT Deptt., SRIT

i
 PREFACE

This is a project report on “SMART CHAT APP” is related to a instant

messaging system. The main purpose of the software is to provide users with an instant
messaging tool that has the ability to handle millions of users simultaneously when
needed and can be easily done.

Place: Jabalpur Dharmendra

Chakrawarti
Date:21/12/2023 0205CS201035
Dhruv Soni
0205CS201036
Himanshu Gupta
0205CS201049
Hariom Tiwari
0205CS201043

ii
 ACKNOWLEDGEMENT
I would like to express my deep sense of gratitude and sincere thanks to my guide Mr. Brajesh
Patel, Department of Computer Science & Engineering at SRIT, Jabalpur for his valuable and ever
willing precious guidance, technical support and constant encouragement during the course of this
project work. It was pleasure and unique experience for me to work under their guidance.
I am grateful to Mr. Brajesh Patel, Head of Department of Computer Science &
Engineering and other staff members of Computer Science and Engineering Department
for providing the necessary facilities for the successful completion of this work.

Finally, my greatest thanks to my family for their patience and understanding.

Place: Jabalpur Dharmendra

Chakrawarti
Date:21/12/2023 0205CS201035
Dhruv Soni
0205CS201036
Himanshu Gupta
0205CS201049
Hariom Tiwari
0205CS201043

iv
 DECLARATION

We hereby declare that the work on “SMART CHAT APP” is solely an effort raised by
us, and all the external libraries that are used in the project had permission to be freely
used and modified in any form. No copyright or rules violation has been done in bringing
out the project to the face of users.
Further proper credits to any external sources of help, have been included in the
Acknowledgement.

Place: Jabalpur Dharmendra

Chakrawarti
Date:21/12/2023 0205CS201035
Dhruv Soni
0205CS201036
Himanshu Gupta
0205CS201049
Hariom Tiwari
0205CS201043

v
 List of Figures

FIGURES NAME NUMBER PAGE NUMBER

1. Agile model Fig-1 6
2. SDLC Fig-2 7

3.DFD Fig-3 11

List of Tables

TABLE NAME NUMBER PAGE NUMBER

1.Cost Estimation Table-1 6

V
 INDEX
Sr. No. Topics Page No.

Certificate i
Preface ii
Acknowledgement iii
Declaration iv
List of Figure v
1 Introduction 2
2 Analysis 3
2.1 Objective of project 3
2.2 Requirement Gathering 4
2.3 Hardware Requirement 4
2.4 Software Requirement 4
2.5 Feasibility Study 4
2.6 Software Model 5
2.7 SDLC 5
2.8 Cost Estimation 6
3 Design 7
3.1 Input Requirement 7
3.2 Design of data Base 7
4 Technologies and Tool Used 8
5 Swot Analysis 9
6 Coding 10-11
7 Conclusion 12
8 Reference 13

1
1. INTRODUCTION

Today Developers around the world are making efforts to enhance user
experience of using application as well as to enhance the developer’s workflow
of designing applications to deliver projects and rollout change requests under
strict timeline. Stacks can be used to build web applications in the shortest span
of time. The stacks used in web development are basically the response of
software engineers to current demands. They have essentially adopted pre-
existing frameworks (including JavaScript) to make their lives easier. It’s 2023
it’s the age of new technologies so its our duty to update ourselves using new
technologies like(mern stack,mean stack,firebase,reactjs,tailwind css,bootstrap)

2
2. ANALYSIS

2.1 Objective of Project

The purpose of this project is to design a chat application, also known as a

instant messaging system. The main purpose of the software is to provide users
with an instant messaging tool that has the ability to handle millions of users
simultaneously when needed and can be easily done

A chat application makes it easy to communicate with people anywhere in the

world by sending and receiving messages in real time. With a chat app, users
are able to receive the same engaging and lively interactions through custom
messaging features, just as they would in person. This also keeps users
conversing on your platform instead of looking elsewhere for a messaging
solution. Whether it’s private chat large-scale chat, adding personalized chat
features to your app can help ensure that your users have a memorable
experience.

Messaging has become a part of our everyday lives in part due to its
convenience for realtime chat communication and simple-to-use functionality

3
2.2 Requirement Gathering

• A Laptop/Desktop o Connected with Internet and has a browser and Installed

Node.js,React.js,Material-UI,Solidity, mongoDB .

Requirements Functional Non-Functional

• Large amount of certificate data to test the tool and for certification generation .

2.3 Hardware Requirement

• Processor (CPU) : i3 3rd gen. and above .

• Memory (Ram) : 4 GB and above.

• Graphics Processing Unit (GPU) : integrated.

• Network Interface Card (NIC) : Required wifi or LAN.

2.4 Software Requirement

• Programming Language: Javascript .

• Integrated Development Environment (IDE):VS Code.

• Frameworks: React.js , Material UI.

• Other tools: MongoDB (EVM), Node.js , Node Package Manager (

NPM).

• Database Management System (DBMS): Blockchain.

• Frontend Technologies: React.js , CSS ,Tailwind CSS, Material UI.

4
2.5 Feasibility Study

Prior to getting started with the application development, we did some

research on the current messaging platforms out there. We were looking
forward to building a unique experience, rather than an exact clone of an
existing chat platform. We already knew of the existence of several
messaging applications, and a few chat applications that suited
developers. However, never before had we done an indepth analysis of
their tools to find out whether they were good enough for developers.
Soon, we realized that none of the sites were heading in our direction.
Some of them were missing features which we considered crucial and
others had opportunities for further enhancements. Contrary to what
many people think, having a few platforms around is not a necessarily a
bad thing.

5
 2.6 SOFTWARE MODEL
In an Agile model for chat app:

1. Team Collaboration:
 Form a diverse team, including blockchain experts and stakeholders, to
collaborate closely on the project.
2. Short Iterations:
 Break the project into short, manageable periods (sprints) to focus on specific
goals.
3. Flexibility:
 Adapt to changes and evolving requirements during the development process.
4. Continuous Feedback:
 Gather regular feedback from stakeholders to refine and improve the system.
5. Incremental Development:
 Build the project in small increments, allowing for continuous delivery and
testing.
6. User Involvement:
 Involve end-users throughout the development process to ensure the system
meets their needs.

6
2.7 Software Development Life Cycle
SDLC is a process followed for a software project, within a software
organization. It consists of a detailed plan describing how to develop,
maintain, replace and alter or enhance specific software. The life cycle
defines a methodology for improving the quality of software and the
overall developmentprocess.

FIG – 2 - SDLC

7
2.8 COST ESTIMATION

Cost Estimation Table

Particulars Quantity Rate Price

Number of lines 1000(approx..) Rs. 3/ Line 3000

Man power 4 people, 90 days Rs 150/2 4400

hour/day

Maintenance 1 year Rs 200 200

Meeting for 2 Rs 400

analysis 200/meet

Testing Cost Unit testing Rs 200 200

Electricity 50 units Rs 6/unit 300

System rent and Free of cost

software cost

Total Rs.8500

Table 1 : Cost Estimation Table

8
3. Design
3.1 Input Requirement
1. User Information:
 The chat app requires capturing and managing user information for registration
and authentication.
 Input Fields:
 Username
 Password
 Email
 Registration Date
2. Chat Room Details:
 Users should be able to create, join, and leave chat rooms.
 Input Fields:
 Room Name
 Creation Date
 Creator ID (Linked to User Information)
3. Message Content:
 Messages exchanged within chat rooms need to be stored.
 Input Fields:
 Sender ID (Linked to User Information)
 Room ID (Linked to Chat Room Details)
 Content (Text or Media)
 Timestamp
 Attachment (if applicable)
4. Authentication and Security:
 Secure storage of user passwords using hashing and salting techniques.
 Input Requirements:
 Password (To be stored securely)
 Hashing Algorithm
5. User Authentication and Authorization:
 Implement mechanisms for user registration, login, and logout.
 Define user roles and permissions for access control.
 Input Requirements:
 Authentication Tokens
 User Roles (e.g., Admin, Regular User)

3.2 . Design of DataBase

1. Normalization:
 Normalize the database to reduce redundancy and improve data integrity.
 User details stored in the User table to avoid duplication.
2. Relationships:
9
 Define relationships between tables to establish connections between users, chat
rooms, and messages.
 Use foreign keys to enforce referential integrity.
3. Indexes:
 Create indexes on frequently queried fields for optimal query performance.
 Consider indexing fields like RoomID and Timestamp for faster data retrieval.
4. Attachments:
 If attachments are supported, consider a separate table or field to store file
references.
 Implement a mechanism to handle and store attachments securely.
5. Scalability:
 Design the database with scalability in mind to accommodate potential future
growth in users and data volume.
 Consider partitioning large tables or implementing sharding strategies.
6. Consistency and Atomicity:
 Ensure atomic transactions for data consistency.
 Implement proper error handling mechanisms to maintain data integrity.
7. Optimized Queries:
 Optimize database queries to ensure efficient retrieval of chat messages for
users and within chat rooms.
 Consider the use of caching mechanisms for frequently accessed data.
8. Security Measures:
 Implement encryption for sensitive data transmission.
 Regularly audit and update security measures to address potential
vulnerabilities.

10
Basic Block Diagram:

Data Flow Diagram:

11
Deployment View:

12
 4 . Technologies and Tools Used

➢ Frontend

• React.js

• Tailwind CSS

• Material UI

➢ Backend

• Node.js (NPM)

• MongoDB

• EVM

➢ Database

• MongoDB

➢ Programming Language

• Javascript

13
 5 SWOT ANALYSIS

1. Strengths:

Accuracy and Efficiency:

The AI Resume Analyzer can quickly and accurately analyze large volumes of
resumes, saving time for recruiters and HR professionals.

Scalability:

The system is designed to handle a growing number of users and resumes, making
it scalable for businesses of various sizes

2. Weaknesses:

Dependency on Data Quality:

The accuracy of the analysis depends on the quality and consistency of the input
data, which may vary.

Limited Context Understanding:

The system may struggle to understand context nuances, especially in creative or

non-standardized resumes.

3. Threats:

Privacy Concerns:

Stringent data protection regulations and privacy concerns may pose a threat,
requiring robust security measures.

Competition:
Increased competition in the AI-based recruitment space may challenge the
system's market position.

14
 6. Coding

React Code :

import React from "react";

import "./style.scss";
import Register from "./Pages/Register";
import Login from "./Pages/Login";
import Home from "./Pages/Home";

import {
BrowserRouter,
Route,
Routes,
} from "react-router-dom";
import { useContext } from "react";
import { AuthContext } from "./Context/AuthContext";

function App() {

const { currentUser } = useContext(AuthContext)

return (
<BrowserRouter>
<Routes>
<Route path="/" element={ currentUser ? <Home /> : <Login/>} />
<Route path="/register" element={<Register />} />
<Route path="/login" element={<Login />} />
</Routes>
</BrowserRouter>
);
}

export default App;

15
 7.Result
Screenshots:
Basics UI:

16
17
7. Conclusion

The chat application provides a better and flexible system for

chatting. It is developed with recent advanced technologies
in a way to provide a reliable system. Main advantages of the
system are instant messaging, real-world connectivity,
adding security, group chat, etc. This application can find
better need in the market for most of the organizations aim at
having private applications for them. Additional features will
also be included in the system based on the public need
which includes conference call, video chat. Location share,
etc. based on the need

18
8. Reference

• Project github link - https://github.com/omhardaha/chat-app-firebase

https://github.com/DharmendraChakrawarti

19