NEIGHBOURNET: A ONE-STOP APPLICATION FOR NON-GATED

COMMUNITIES

Real time Research Project (CS456PC)

Submitted

in partial fulfilment of the requirements for completion of

Bachelor of Technology IV th Semester

in
Computer Science Engineering
by
KANDREGULA ABHIRAM (22261A0586)

and

KOYYADA JASHVANTH (22261A0594)

Under the guidance of

Dr. K. SREEKALA
(Assistant Professor)
and
Mrs. N. MUSRAT SULTANA
(Assistant Professor)

Department of Computer Science and Engineering,

MAHATMA GANDHI INSTITUTE OF TECHNOLOGY,
GANDIPET, HYDERABAD-500 075, INDIA.
2023-2024
 MAHATMA GANDHI INSTITUTE OF TECHNOLOGY
(Affiliated to Jawaharlal Nehru Technological University Hyderabad)
Gandipet, Hyderabad-500 075, Telangana (India)

CERTIFICATE

This is to certify that the Real-time Research (CS456PC) entitled “NeighbourNet: A one-stop
application for non-gated communities”, is being submitted by Mr. Kandregula Abhiram
bearing Roll No: 22261A0586 and Mr. Koyyada Jashvanth bearing Roll No: 22261A0594 in
partial fulfillment for completion of Bachelor of Technology iv Semester in Computer Science
and Engineering to Mahatma Gandhi Institute of Technology is a record of bona-fide work
carried out by him under our guidance and supervision. The results embodied in this project have not
been submitted to any other University or Institute for the award of any degree or diploma.

Project Guide Head of the Department

Dr. K. Sreekala Dr. C.R.K Reddy
Asst. Professor, Dept. of CSE Professor, Dept. of CSE

Project Guide
Mrs. N. Musrat Sultana
Asst. Professor, Dept. of CSE

i
 DECLARATION

This is to certify that the work reported in Real-Time Research Project (CS456PC) titled “NeighbourNet:
A one-stop application for non-gated communities” is a record of work done by us in the Department
of Computer Science and Engineering, Mahatma Gandhi Institute of Technology, Hyderabad. No part of
the work is copied from books/journals/internet and wherever the portion is taken, the same has been
duly referred in the text. The report is based on the work done entirely by us and not copied from any
other source.

KANDREGULA ABHIRAM
(22261A0586)

KOYYADA JASHVANTH
(22261A0594)

ii
 ACKNOWLEDGEMENT

The satisfaction that accompanies the successful completion of any task would be incomplete without the
mention of people who made it possible because success is the abstract of hard work and perseverance,
but steadfast of all is encouraging guidance. So, we acknowledge all those whose guidance and
encouragement served as a beacon light and crowned my efforts with success.
.
We would like to express our sincere thanks to, Prof G. Chandra Mohan Reddy, Principal MGIT, for
providing the working facilities in college.

We wish to express our sincere thanks and gratitude to Dr. C R K Reddy, Professor and HOD,
Department of CSE, MGIT, for all the timely support and valuable suggestions during the period of
project.

We are extremely thankful to Dr. K. Sreekala, Assistant Professor, Department of CSE, MGIT and
Mrs. N. Musrat Sultana, Assistant Professor, Department of CSE, MGIT, Real-Time Research
Project Coordinators for their encouragement and support throughout the project.

Finally, we would also like to thank all the faculty and staff of CSE Department who helped us directly or
indirectly in completing this project.

KANDREGULA ABHIRAM
(22261A0586)

KOYYADA JASHVANTH

iii
 (22261A0594)

iv
 TABLE OF CONTENTS

CERTIFICATE i

DECLARATION ii

ACKNOWLEDGEMENT iii

TABLE OF CONTENTS iv

LIST OF FIGURES vi

LIST OF TABLES vii

LIST OF ABBREVIATIONS viii

ABSTARCT ix

1. INTRODUCTION 1

1.1. PROBLEM DEFINITION 2

1.2. EXISTING APPLICATIONS 2

1.3. PROPOSED APPLICATION 2

1.4. REQUIREMENTS SPECIFICATION 3

2. LITERATURE SURVEY 4

2.1.LITERATURE SURVEY TABLE 7

3. METHODOLOGY OF NEIGHBOURNET 8

3.1. TECHNOLOGIES USED 8

3.2. DEVELOPMENT PROCESS 8

4. DESIGN OF NEIGHBOURNET 10

4.1.DESIGN 10

v
 4.2.PROCESS FLOW DIAGRAM 12

5. IMPLEMENTATION 13

5.1. FRONTEND COMPONENTS 13

5.2. BACKEND COMPONENTS 13

5.3. KEY FUNCTIONALITIES 13

6. TESTING AND RESULTS 17

7. CONCLUSION AND FUTURE SCOPE 21

7.1.CONCLUSION 21

7.2. FUTURE SCOPE 21

BIBILOGRAPHY 22

vi
 LIST OF FIGURES

Figure 4.1: Design of NeighbourNet 10

Figure 4.2: Process flow Diagram of NeighbourNet 12

Figure 5.1: Code logic for User Authentication 14

Figure 5.2: Code logic for Sending and Receiving messages 14

Figure 5.3: Code logic for saving owner data 15

Figure 5.4: Code logic for retrieving owner data 15

Figure 5.5: Code logic showing Event handling in JS 16

Figure 6.1: NeighbourNet Homepage 17

Figure 6.2: Details entered in Owner Signup 17

Figure 6.3: Auto-redirection to Owner Login 18

Figure 6.4: Creation of Users by the Owner 18

Figure 6.5: Displaying of the created users 19

Figure 6.6: Tenant Dashboard 19

Figure 6.7: Tenant-Owner chat interface 20

vii
 LIST OF TABLES

TABLE PAGE NO

Table 2.1: Literature Survey Table 7

viii
 LIST OF ABBREVIATIONS

SOS: Save Our Souls

HTML: Hyper Text Markup Language

CSS: Cascading Style Sheets

JS: JavaScript

iOS: Intelligent Operating System

CPU: Central Processing Unit

GB: Gigabytes

Wi-Fi: Wireless Fidelity

RDBMS: Relational Database Management Systems

DB: Database

UAT: User Acceptance Testing

CDN: Content Delivery Network

SSL: Secure Sockets Layer

DOM: Document Object Model

SDK: Software Development Kit

NoSQL: not only SQL

SQL: Structured Query Language

VS Code: Visual Studio Code

ix
 ABSTRACT

NeighbourNet, a community service application, is an efficient, simple, and user-friendly

application that facilitates seamless communication between owner, tenants and the
servicemen of a non-gated community or a residential society. The application provides
separate User Interfaces for Owner, Tenants and Servicemen tailored to their needs. With
its integrated chatbot, NeighbourNet simplifies various processes within the application. It
offers real-time updates on service availability, enhancing convenience for users
NeighbourNet features separate chat interfaces for tenants to communicate with owners,
service providers, and other tenants, enabling hassle-free interaction within the
community. One of NeighbourNet's standout features is its capability for tenants to upload
images of issues so that servicemen can post an expected price quotation of the repairs to
the tenants. It also helps the servicemen to come prepared by examining the picture prior
to the visit there by reducing the number of visits. It also has an additional SOS trigger
feature for tenants that alerts immediate neighbours and security in case of an emergency.
NeighbourNet replaces scattered communication methods with a centralized platform,
eliminating the need for physical notice boards and manual tasks. Cloud-based
authentication and data storage ensure security and accessibility.
Overall, NeighbourNet emerges as a comprehensive solution that not only addresses the
communication needs of residents but also enhances community engagement, efficiency,
and safety in non-gated residential settings.
Keywords: Application, Communication, Chatbot, SOS, Centralized, Cloud,
Authentication, Image.

x
 1. INTRODUCTION

NeighbourNet isn't just another website; it's the go-to platform for seamless
communication and efficient service in the neighborhood or residential complex. Picture a
virtual space where homeowners, tenants, and service providers can all come together
effortlessly, making life smoother for everyone involved. That's exactly what
NeighbourNet is all about. Imagine having a digital community center at fingertips,
specifically designed to interact with neighbors and those who help keep the community
running smoothly.

For homeowners, NeighbourNet offers a convenient online tool to manage property and
stay connected with tenants. Easily schedule service appointments, keep track of who has
access to what, and communicate directly with tenants through the platform.

If the user is a tenant, NeighbourNet provides a straightforward way to report issues and
request repairs. Tenants can upload photos of the problem areas, helping service providers
grasp the issue accurately and arrive prepared to fix it efficiently. Plus, user can chat
directly with other tenants and even the landlord, ensuring user is always in the loop about
community matters. And for service providers, NeighbourNet streamlines the workflow,
offering real-time updates and the ability to preview photos of repair issues beforehand.
This means fewer unnecessary trips and happier customers overall.

NeighbourNet includes features like an SOS trigger for emergencies, instantly alerting the
close by neighbors and security personnel if user needs urgent assistance. And with cloud-
based authentication and data storage.

In essence, NeighbourNet is dedicated to fostering a connected, efficient, and safe online

community. By replacing scattered communication methods with a centralized web-based
platform, it eliminates the hassle of physical notice boards and manual tasks, making life

1
just a little bit simpler for everyone involved.

1.1 Problem Definition

The problem statement of this project is In non-gated communities or residential societies,

the current methods of communication and coordination among owners, tenants, and
service providers are fragmented and inefficient. Residents face challenges in reporting
issues effectively, service providers struggle to understand problems before their visits,
and emergency situations may not be promptly addressed. Additionally, reliance on
physical notice
boards and manual tasks further complicates communication and coordination within the
community. This leads to delays in addressing issues, misunderstandings, and difficulties
in coordinating tasks. Thus, there's a need for a solution that simplifies communication,
streamlines coordination, and enhances community safety and efficiency.

1.2 Existing Applications

It is very important to increase the communication in the community .Existing applications

similar to NeighbourNet might include property management software like Buildium,
AppFolio, or Rent Manager. While these platforms offer comprehensive solutions for
managing rental properties, they often come with drawbacks such as high costs for small
landlords or property managers with a limited number of units. Additionally, the user
interface and user experience of some of these platforms can be complex and
overwhelming, especially for users who are not tech-savvy. Finally, some users have
raised concerns about data security and privacy issues with certain property management
software, highlighting the importance of ensuring robust security measures in any similar
project.

1.3 Proposed Application

2
The proposed system (NeighbourNet: A one-stop application for non-gated communities)
is implemented using html, css, javascript and firebase platform for building the
application. It's simpler and more user-friendly compared to apps like Buildium or
AppFolio, making it easier for landlords who aren't tech-savvy. Unlike those apps, yours
offers more customization options, letting landlords tailor it to their specific needs. Plus,
it's more affordable, especially for landlords with fewer units. Most importantly, it ensures
strong security measures to protect users' data and privacy, addressing concerns that some
users have with other property management apps.

1.4 Requirements Specification

Requirement Specifications describe the arti-craft of Software Requirements and

Hardware Requirements used in this project.
Software Requirements
1. OS to build: 64-bit version of Microsoft Windows 10 or later
2. IDE: Visual Studio and JavaScript runtime environment
3. Text editor: Visual Studio Code 1.77 or later
4. Framework: HTML and CSS for frontend and Node.js for backend development
5. Cloud Service: Firebase
6. Target OS(s): iOS 15 or later and Android 12 or later
Hardware Requirements
1. Computer requirements to develop
a. x86_64 CPU Cores: 8
b. Memory in GB: 8
c. Display resolution in pixels: 1366 x 768
d. Free disk space in GB: 10
2. Target Mobile device requirements:
a. RAM: 4GB or more

3
b. Storage: 1GB or more
c. Screen type: Touch
d. Screen size: 5 inches or more
e. Connectivity: Wi-Fi (2.4Ghz/5Ghz) or cellular network (5G/4G/LTE)

4
 2. LITERATURE SURVEY

1.” Management System for an Apartment” by Manoj Kumar Athota.

This paper presents the idea of creating an online platform to solve the issue of finding
rental housing in urban areas. It suggests developing a user-friendly web application where
both homeowners and renters can register. Renters can search for available homes,
communicate with homeowners, and choose a suitable residence. Homeowners can list
their properties on the platform. The aim is to make the process of renting and finding
housing easier and more convenient for both parties. The paper highlights the unique
features of the proposed platform and its potential benefits for citizens in Bangladesh.

2.” Study and Analysis of Various Cloud Security, Authentication and Data Storage
Models: A Challenging Overview” by Ankush Balaram Pawar.
This paper reviews 50 research papers on privacy preservation in cloud data storage. It
categorizes approaches into authentication-based, cloud security-based, data storage-
based, data security-based, and encryption-based techniques. The analysis includes the
dataset used, software tools, publication year, and performance metrics. It identifies
existing problems and research gaps. Future work will address these gaps. The paper notes
that JAVA is commonly used for implementing privacy preservation models, and the
Amazon access sample database is often used for testing privacy preservation approaches.
Overall, it provides a comprehensive overview of privacy preservation methods in cloud
storage.

3.” Development Of Mobile Application for Gated and Guarded Community

Management” by Abd Razak, N., Ujang, U., Mohd. Salleh, S., Azri, S., and Choon, T.L.
This paper discusses the development of a mobile application for managing complaints in
gated and guarded housing areas. Currently, complaints are managed through text
messages and WhatsApp, causing inefficiencies and delays. The new app, compatible with
both Android and iOS, utilizes location-based services to pinpoint complaint addresses.

5
Data are stored in a centralized database. Testing confirms its effectiveness in managing
resident complaints, offering residents better insight into the status of their complaints, and
streamlining the management process for the organization overseeing the community.

4.” Application of Firebase in Android App Development-A Study” by Chunnu

Khawas.
This paper explores the challenges of managing large amounts of unstructured data in web
applications and introduces Firebase as a solution, particularly for Android development.
Firebase, known for its speed and efficiency compared to traditional Relational Database
Management Systems (RDBMS), is discussed along with its concepts, terminologies,
advantages, and limitations. The paper demonstrates Firebase's features through the
development of an Android app, showcasing its potential for handling various types of
data such as videos, images, audio, text, and files effectively.

5.” Development of mobile application through design-based research” by Buddhini

Gayathri Jayatilleke.
This paper outlines the creation and testing of a new mobile app, OUSL MLearn, through
design-based research. The app digitizes course material for Nursing, Pharmacy, and
Medical Laboratory Sciences students. The process involved designing the app,
transforming content, and evaluating it with stakeholders like experts, technologists, users,
developers, and researchers. The app proved accessible and effective but faced challenges
like optimization, development time, and organizational issues. Overall, it demonstrates
how mobile technology can enhance learning but highlights the need to address practical
challenges for successful implementation.

6.” Research of Community Service Information System” by Bei li, Gongfa Li, Heng
Tang.

6
This paper introduces a Community Service Information System, a network managed by
government, subdistrict offices, and neighborhood committees via a public e-government
platform. It aims to establish a public network platform for community services, including
management systems, websites, and call centers. The goal is to provide easy access to
information, certify member information, standardize services, and enhance the
community service industry. This initiative aims to boost employment, enhance
educational services, and provide high-quality information services to communities.

7.” The Application and Research of Property-management Information” by Lin

Tang.
This paper addresses the shortcomings of traditional property management models in
meeting modern owners' needs. It discusses the development of a residential property-
management information system, analyzing existing systems and identifying problems.
Then, it proposes a solution based on the requirements of modern society, using JSF for
system design and implementation. The system includes modules for residential
information, staff details, property management, and authorization. Overall, it aims to pave
the way for more efficient and intelligent residential property management in line with
contemporary demands.

8.” How does communication influence the perceived performance of maintenance

services in multi-story public housing” by Nor’Aini YUSOF, Shardy ABDULLAH, Nurul
‘Ulyani MOHD NAJIB. This study examines how communication between residents and
management affects maintenance services in multi-story public housing in Penang,
Malaysia. Through a survey, it finds a positive relationship between effective
communication and residents' satisfaction with maintenance services. Specifically,
satisfaction with feedback and accuracy of information are key factors influencing
maintenance service performance. This research underscores the importance of
communication in improving maintenance services in public housing, highlighting the
need for better communication channels between residents and management teams to

7
enhance overall satisfaction with maintenance.

Methodology/
Name of the
S.No Author Title Year concept Merits Demerits
Journal
used/summary
International Web
Research Journal of technologies
Manoj Creation of a
Management System Modernization in such as HTML, Maintenance
1 Kumar 2022 user-friendly
for an Apartment Engineering CSS, jQuery, requirements
Athota online platform
Technology and JavaScript, and
Science SQL Server
Study-and-Analysis- Sorting different
of-Various-Cloud- ways to protect
Security- International privacy,dataset
Ankush
Authentication-and- Journal of Decision analysis,software Systematic Lack of
2 Balaram 2020
Data-Storage- Support System tools,publication Analysis Contextutilization
Pawar
Models_-A- Technology years and
Challenging- performance
Overview metrics
Preliminary
Abd Razak, The International study,
N. Ujang, Development of Archives of the application
U., Mohd. mobile application for Photogrammetry, development, Enhanced
Potential Privacy
3 Salleh, S., gated and guarded 2019 Remote Sensing application Communication
Conserns
Azri, S., community and Spatial implementation
Choon, T.L. management Information and testing, and
Sciences evaluation of the
application.
Application of International
Provides insight Limited
Chunnu Firebase in Android Journal of Prototyping
4 2018 into Firebase discussion on
Khawas App Development-A Computer Model
features scalability
Study Applications
Buddhini
Gayathri Addresses
Jayatilleke, challenges such
Gaya R. Development of as optimization,
Asian Association
Ranawaka, mobile application Design-based development Small Sample of
5 2018 of Open
Chamali through design based research time, technical Potential Users
Universities Journal
Wijesekera, research and
Malinda organizational
C.B. issues
Kumarasinha
Descriptive
Bei Li, Research of analysis and
Detailed Lack of empirical
6 Gongfa Li, Community Service 2016 Atlantis Press conceptual
Framework Data
Heng Tang Information System framework
development
International
Feasibility
The Application and Conference on
analysis and
Research of Property- Computer Science Enhanced Technical
7 Lin Tang 2014 system design
management and Electronic Efficiency Complexity
using JSF
Information Technology
technology
(ICCSET 2014)
Nor’Aini How does INTERNATIONAL Descriptive Practical Survey
8 2013
YUSOF communication JOURNAL OF Analysis, Insights Limitations

8
 influence the Pearson product-
perceived moment
STRATEGIC
performance of correlation, and
PROPERTY
maintenance services Table 2.1: Literature Survey Table
multiple
MANAGEMEN
in multi storey regression
public housing analysis

9
 3. METHODOLOGY OF NEIGHBOURNET

In the development of the NeighbourNet Chat Application, a combination of modern technologies was
utilized to ensure efficient communication between property owners and tenants. The following is an
overview of the methodology adopted:

3.1 Technologies Used:

The NeighbourNet Chat Application leveraged a combination of frontend and backend technologies to
achieve its functionality:
 Firebase: Firebase was chosen for its real-time database capabilities, enabling instant
synchronization of chat messages between users. It provided a scalable and reliable backend
infrastructure without the need for managing servers.
 JavaScript: Both frontend and backend components were developed using JavaScript. JavaScript
offered versatility and ease of use, allowing for seamless integration between client-side and
server-side code.
 HTML/CSS: HTML and CSS were utilized for structuring the frontend user interface and styling
components. They provided the foundation for creating a visually appealing and user-friendly
application layout.

3.2 Development Process:

The development process followed a structured methodology to effectively manage the project:

 Requirements Gathering: The initial phase involved gathering requirements from stakeholders,
which in this case included defining the application's scope, features, and user interactions.
Understanding the needs of potential users was crucial for designing an intuitive chat application.

 System Design: Based on the gathered requirements, a system design was formulated to outline
the application architecture, database schema, and user interface design. Wireframes and mockups
were created to visualize the layout and flow of the application.

 Implementation: With the system design in place, the developer proceeded to implement the
frontend and backend components of the application. Frontend development focused on creating
responsive and interactive user interfaces using HTML, CSS, and JavaScript, while backend
development involved setting up the Firebase DB and implementing server-side logic using JS.
10
  Testing: The testing phase of the NeighbourNet Chat Application focused on ensuring the
reliability, functionality, and usability of the application. Testing played a crucial role in
identifying and rectifying any issues or discrepancies before deployment. The testing approach
included:
o Manual Testing: Manual testing was conducted to simulate user interactions and validate
the application's behaviour across different devices and browsers. Test scenarios were
defined to cover various use cases, including user authentication, message sending, data
retrieval, and error handling.
o User Acceptance Testing (UAT): As part of UAT, the application was evaluated by
potential end-users to gather feedback on its usability, intuitiveness, and overall user
experience. User feedback was valuable in identifying areas for improvement and refining
the application's features.
o Cross-Browser Compatibility Testing: The application was tested across multiple web
browsers, including Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge, to
ensure consistent performance and compatibility across different platforms.
o Performance Testing: Performance testing was conducted to assess the application's
responsiveness and loading times, especially under varying network conditions. The goal
was to optimize the application for speed and efficiency, ensuring a seamless user
experience.

 Deployment: Deployment of the NeighbourNet Chat Application was a straightforward process

facilitated by the chosen technologies and development approach. The deployment process
involved:
o Firebase Hosting: The application was deployed using Firebase Hosting, which provided
a simple and efficient way to host web applications. Firebase Hosting offered features such
as SSL encryption, content delivery network (CDN) integration, and automatic scaling,
ensuring reliable and secure hosting.
o Monitoring and Maintenance: Following deployment, the application was monitored for
performance, uptime, and any potential issues using Firebase Analytics and Firebase
Performance Monitoring. Regular maintenance tasks, such as applying updates,
monitoring database usage, and optimizing resource utilization, were performed to ensure
the application's reliability and stability.

By following this methodology, the NeighbourNet Chat Application was successfully developed,

11
providing users with a seamless and efficient platform for communication between owners and tenants.

12
 4. DESIGN FOR NEIGHBOURNET

4.1 DESIGN:

The design of a project lays out the blueprint for how it will function. It details the steps, materials, and
tools needed to achieve the project's goals. It's like a recipe that ensures everyone involved understands
how to turn the idea into reality.

Figure 4.1: Design of NeighbourNet

NeighbourNet is designed to provide a seamless and intuitive experience for users across different roles,
including tenants, owners, and service providers. As shown in figure 4.1, the design encompasses various
functionalities tailored to each user type while ensuring common services are available to all.

1. Login:
 Users access the NeighbourNet platform through a login interface where they provide their
credentials, such as email and password.

2. Cloud Authentication:

13
  Upon successful login, cloud-based authentication mechanisms, powered by Firebase
Authentication, validate user credentials, ensuring secure access to the platform.
3. User Roles:
3.1 Tenant: Tenants gain access to a range of features tailored to their needs, including:
 Access to the community feed to stay updated on community activities and
announcements.
 Ability to book service requests for maintenance or repairs.
 Option to upload images depicting the issue to provide additional context.
 SOS emergency button for urgent assistance.

3.2 Owner: Owners have specific functionalities aimed at managing their property and interacting
with tenants:
 Access to the community feed for communication and updates.
 Management of user IDs, enabling the creation and management of tenant accounts.

3.3 Service Provider: Service providers are equipped with tools to efficiently handle service
requests and communicate with residents:
 View and accept service requests from tenants.
 Ability to view images associated with reported issues for better
understanding.
 Post estimated price quotations for services.
 Notification system to inform residents upon arrival into the community.

4 Common Services:
Regardless of user role, NeighbourNet offers the following shared services:
 Contact Information: Users can access contact details of other users or service providers within
the community.
 Chat Bot: A chat bot feature is available for users to interact with, providing assistance and
answering common queries.

By incorporating these design elements, NeighbourNet aims to provide a comprehensive platform that
enhances communication, collaboration, and efficiency within residential communities.

14
4.2 PROCESS FLOW DIAGRAM

A flowchart visually represents the steps or stages involved in completing a project from start to finish. It
outlines the sequence of activities, decision points, and dependencies between different tasks or
components of the project. Each step in the flowchart typically includes a specific action or task to be
performed, along with any conditions or criteria that need to be met before moving to the next step. The
flowchart helps to illustrate the workflow, identify potential bottlenecks or areas for improvement, and
ensure that all necessary tasks are accounted for in the project plan.

Figure 4.2: Process flow Diagram of NeighbourNet

The flowchart, in Figure 4.2, shows how people in an apartment building can use a special website to ask
for help with things like fixing broken stuff. First, they log in with their username and password. There
are three types of logins: for people who live there (Tenants), people who own the building (Owners), and
people who fix things (Providers). Once logged in, residents can see different services available and

15
maybe talk with neighbors on a community page. They can also manage their account details. When they
need something fixed, they can ask for help and even upload pictures to show what's wrong. The system
then sends this request to the right person who can fix it. The fixer can then say if they can do the job and
how much it will cost. The resident gets notified about this. There are also two extra buttons: one for
emergencies (SOS) and one to send messages to everyone in the building.

16
 5. IMPLEMENTATION

The implementation of the NeighbourNet Chat Application involved the realization of the system
architecture and the integration of various components to deliver the desired functionality. Below is a
detailed explanation of the implementation process:

5.1 Frontend Components:

 HTML and CSS: HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) were
used to create the structure and style the user interface of the application, respectively. HTML
provided the framework for organizing the content, while CSS ensured visual consistency and
aesthetics.
 JavaScript: JavaScript was extensively utilized for frontend development to enable dynamic
interactions and real-time updates. It facilitated event handling, DOM manipulation, and
asynchronous communication with the backend server.
 Firebase SDK: The Firebase JavaScript SDK was integrated into the frontend to establish a
connection with the Firebase Realtime Database and leverage its features for storing and retrieving
chat messages.

5.2 Backend Components:

 Node.js: Node.js served as the runtime environment for executing JavaScript code on the server-
side. It allowed for the implementation of backend logic, such as user authentication, message
routing, and interaction with the Firebase Realtime Database.
 Firebase Realtime Database: Firebase Realtime Database provided a cloud-hosted NoSQL
database for storing chat messages exchanged between property owners and tenants. It offered
real-time synchronization and scalability, enabling seamless communication within the
application.
 Firebase Authentication: Firebase Authentication was employed for user authentication and
authorization. It supported various authentication methods, including email/password, Google
sign-in, and Facebook sign-in, ensuring secure access to the application's features.

5.3 Key Functionalities:

 User Authentication: Users could sign up for an account using their email and password or
authenticate through third-party providers like Google or Facebook. Firebase Authentication

17
 handled user registration, login, and session management.

The figure 5.1 shows theFigure

code 5.1:
logicCode
usedlogic
for for Userlogin
owner Authentication.
authentication using firebase.

 Real-time Chat: The application facilitated real-time communication between property owners
and tenants through a chat interface. Messages were instantly delivered and synchronized across
all devices, ensuring seamless conversation flow. The figure 5.3.2 shows the code logic used on
the Tenant-end to send and receive messages from the owner.

 Data

18
Figure 5.2: Code logic for Sending and Receiving messages.
 Storage and Retrieval: Chat messages and user data were stored in the Firebase Realtime
Database, allowing for efficient data retrieval and synchronization. The database structure was
designed to optimize query performance and minimize latency.
The figure 5.3.3 shows the code logic that saves owners signed up details to Firebase Realtime
Database.

The figure 5.3.4 shows the code logic to retrieve earlier saved owner data from the Firebase
Realtime Database.

 Event Handling: JavaScript event listeners were used to capture user interactions, such as
sending messages, receiving messages, updating the chat interface in response to database changes
and closing the chat interface. The figure 5.3.5 shows the Event Listener and Handling logic used
for closing the Owner chat interface.

Figure 5.5: Code logic showing Event handling in JS.

System Architecture: The NeighbourNet Chat Application followed a client-server architecture, where
the frontend components (HTML, CSS, JavaScript) interacted with the backend server (Node.js) through
HTTP requests and WebSocket connections. Firebase acted as the intermediary for data storage and
synchronization between clients and the server.

The application, developed using VS Code, requires a modern operating system and web browser.
Firebase SDK integration is essential, along with a Firebase account for developers. Users can access the
app across devices with an internet connection. Adequate storage and a minimum of 2GB RAM are
recommended for optimal performance. The application runs smoothly on most modern processors.

19
 6. TESTING AND RESULTS

1.Home Page: Start by opening the home page of the application.

The below figure shows the Home Page of the application.

Figure 6.1: NeighbourNet Homepage

2.Owner Signup: Click on the "Owner Signup" option to create an account as an owner
and fill in the required details, like username and password, to complete the owner signup
process.
The below figure shows the process of the owner sigup.

20
Figure 6.2: Details entered in Owner Signup
3.Owner Login: Once signed up, owners can log in using their credentials to manage
tenants and service providers, as well as create login IDs for them.
The below figure shows the redirected owner login page after successfully signing up.

Figure 6.3: Auto-redirection to Owner Login

The below figure shows the process of creating User IDs by the Owner.

Figure 6.4: Creation of Users by the Owner

21
4.Manage Users: Owners can interact with tenants and service providers, managing their
accounts and addressing any issues they may have.
The below figure shows the contact directory of all tenants and service providers
part of a particular community and an option to chat with them.

Figure 6.5: Displaying of the created users

.

5.Tenant Login: Tenants can log in using their unique login ID and password.
The below figure shows a sample tenant interface which has the tenant data and an
option to chat with the owner.

22
Figure 6.6: Tenant Dashboard
 The below figure shows the chat interface between the owner and the tenant.

Figures 6.1 to 6.7 in this document illustrate the results of our comprehensive web page testing. Each
figure demonstrates that the web pages are functioning correctly and producing the expected outputs for
the given inputs. These results confirm that the implemented features and functionalities are working as
intended, ensuring a seamless user experience. The consistent alignment of actual outputs with the
anticipated results across all test cases validates the robustness and reliability of the web pages.

Figure 6.7: Tenant-Owner chat interface

23
 7.CONCLUSION AND FUTURE SCOPE

7.1 CONCLUSION

The NeighbourNet application aims to simplify property management by providing an

platform for owners, tenants, and service providers. By offering features like owner
signup, tenant login, and service provider access, we streamline communication and
problem-solving. Owners can efficiently manage tenants and services, while tenants can
easily access services and communicate their needs. Service providers can promptly
address tenant issues, enhancing overall satisfaction. With a user-friendly interface and
straightforward processes, our project fosters seamless interactions and effective property
management for all parties involved. By leveraging technology to facilitate
communication and collaboration, we strive to enhance efficiency and convenience in
property management, making life easier for everyone involved.

7.2 FUTURE SCOPE

In the future, our application project holds great potential for expansion and enhancement.
We can explore integrating additional features such as automated notifications for tenants
and owners, enabling smoother communication and task management. Moreover,
incorporating advanced analytics tools can provide valuable insights into user behavior
and preferences, allowing for more personalized experiences. Furthermore, extending the
platform to support multiple properties and locations can cater to a broader audience of
property managers and tenants. Additionally, exploring partnerships with third-party
service providers can offer users a wider range of services and solutions within the
application. Overall, the future scope of our project is promising, with opportunities to
further streamline property management processes and enhance user satisfaction.

24
 BIBILOGRAPHY

[1] Athota, Manoj Kumar, "Management System for an Apartment" (2022). All Capstone
Projects. 596.
OPUS: https://opus.govst.edu/capstones/596

[2] Pawar, Ankush Balaram, et al." Study and Analysis of Various Cloud Security,
Authentication, and Data Storage Models: A Challenging Overview." IJDSST vol.15, no.1
2023: pp.1-16,2023
DOI: http://doi.org/10.4018/IJDSST.315760

[3] Abd Razak,N.,Ujang,et al. DEVELOPMENT OF MOBILE APPLICATION FOR

GATED AND GUARDED COMMUNITY
MANAGEMENT,Int.Arch.Photogramm.Remote Sens. Spatial Inf. Sci., XLII-4/W16,17-
22,2019.
DOI: https://doi.org/10.5194/isprs-archives-XLII-4-W16-17-2019

[4] Chunnu Khawas, Pritam Shah . Application of Firebase in Android App Development-
A Study. International Journal of Computer Applications. 179, 46 (Jun 2018), 49-53.
DOI: https://doi.org/10.5120/ijca2018917200

[5] Jayatilleke, B.G., Ranawaka, et al. M.C.B. (2018), "Development of mobile application
through design-based research", Asian Association of Open Universities Journal, Vol. 13
No, 2, pp. 145-168.
DOI: https://doi.org/10.1108/AAOUJ-02-2018-0013

[6] Bei Li, Gongfa Li, Heng Tang, Li2016/04, Research of Community Service
Information System, Proceedings of the 6th International Conference on Electronic,
Mechanical, Information and Management Society, Atlantis Press, 2352-538X, 2016.
DOI: https://doi.org/10.2991/emim-16.2016.227

[7] Tang Lin: The Application and Research of Property-management Information, an

open access article distributed under the CC BY-NC license, 2015.
DOI: https://doi.org/10.2991/iccset-14.2015.38

[8] Yosof, N., et al. (2014). How does communication influence the perceived
performance of maintenance services in multi-storey public housing? International Journal
of Strategic Property Management, 18(4), 380-392.
DOI: https://doi.org/10.3846/1648715X.2014.971918

25
26