Real Estate Website

1. INTRODUCTION

In today’s digital age, the real estate market is increasingly moving online, with users searching
for properties and making inquiries through websites and mobile applications. GharDekho is a
real estate web application developed as part of my six-month training at WHITE LABELLED
SOLUTIONS, Rajasthan. The project aims to bridge the gap between property owners and
potential buyers or tenants, offering a platform where users can explore property listings with
detailed information and contact the owners directly. The goal is to create an intuitive, efficient,
and user-friendly solution that addresses the needs of both individual users and real estate
businesses.
The primary challenge in real estate platforms is managing listings while maintaining control
over who can post properties. GharDekho addresses this challenge by implementing role-based
access control through middleware functionality. In this system, admin users are granted full
access to add, update, and delete properties, while non-admin users are restricted to browsing
the properties listed and contacting the owners. If a non-admin user tries to add a property, they
are shown an error message through a toast notification, stating: “You are not an admin. Please
contact the admin for further assistance.” This feature ensures proper content moderation and
avoids misuse of the platform.
The development of GharDekho follows a full-stack web development approach. The frontend
is designed using React.js to ensure a responsive and dynamic user interface. On the backend,
Node.js and Express.js are used to handle server-side logic and API development, while
MongoDB serves as the database for storing user data and property details. By utilizing modern
technologies, the platform ensures scalability, speed, and reliability, making it suitable for both
small property owners and large real estate businesses.
The project is structured with multiple modules, including user authentication, property
management, search and filtering functionality. It is designed to be responsive, meaning it
functions seamlessly on both desktop and mobile devices.

1.1 Problem Definition:

The real estate industry faces several challenges in providing seamless property transactions
for buyers, sellers, and tenants. Traditional property dealing methods, such as newspaper
advertisements or real estate agents, are often time-consuming, expensive, and geographically
limited. With the increasing demand for online platforms, users expect a faster and more
convenient way to search for properties, explore relevant listings, and connect with property
owners. However, existing real estate websites often lack certain essential features, such as
role-based access management, efficient property control, and user-friendly interfaces.

• Unrestricted Content Uploads:

Many platforms allow all users to post property listings, leading to potential misuse,
spam, or incorrect property information. This can create clutter and make it difficult
for buyers to find relevant properties.

Baba Banda Singh Bahadur Engineering College | 1

 Real Estate Website
• Lack of Role-based Access Control:
There is a need to manage who can add or modify properties. Without proper access
control, non-admin users may add inaccurate or malicious listings, reducing the
platform's credibility.

• Inconsistent User Experience Across Devices:

Many platforms are not fully optimized for all devices, resulting in poor user
experiences on mobile phones or tablets. A responsive design is necessary for wider
accessibility and usability.

• Security and Data Management Issues:

Real estate platforms store sensitive data, such as user credentials and property-related
information. Without secure authentication and data management mechanisms, the
platform becomes vulnerable to cyber threats.

1.2 Project Overview:

GharDekho is a web-based real estate platform developed to aims to provide users with a
seamless experience for searching and exploring property listings while enabling property
owners to list and manage their offerings. The platform implements role-based access control
to ensure better management and security, allowing only admin users to add, edit, or delete
properties, while non-admin users can view listings and contact the owners directly. This
project follows the full-stack development approach with modern technologies like React.js,
Node.js, and MongoDB, ensuring responsiveness, scalability, and robust backend operations.
The integration of middleware plays a critical role in controlling access, allowing only admin
users to post properties. GharDekho is optimized for both desktop and mobile devices to
provide a smooth user experience across different platforms.

Key Features:

1. User Authentication and Role Management:

• Users can register, log in, and manage their accounts.
• Role-based access control assigns users as either admin or non-admin.
• Admins have full access to add, edit, or delete property listings, while non-
admin users can only browse properties and contact owners.

2. Property Management:
• Admins can perform CRUD operations (Create, Read, Update, Delete) on
properties.

Baba Banda Singh Bahadur Engineering College | 2

 Real Estate Website
• Each property listing contains details such as title, price, location, description,
and images.
3. Middleware for Access Control:
• Custom middleware restricts non-admin users from adding properties.

• A toast error notification appears if a non-admin user attempts to add a

property:
“You are not an admin. Please contact the admin for further assistance.”
4. Search and Filter Functionality:
• Users can search for properties based on criteria such as location, price range,
and type (e.g., residential, commercial).
5. Responsive User Interface:
• The platform is fully responsive, offering a smooth experience on both
desktops and mobile devices.
6. Book a Visit:
• Logged-in users can schedule property visits directly from the platform.

• A calendar interface allows users to select available dates and times, making the
booking process smooth and efficient.

7. Favorites and Bookmarking:

• Logged-in users can save properties to their "Favorites" list for quick access.

• This feature helps users keep track of properties they are interested in without
needing to search again.

• Saved properties can be viewed on a personalized dashboard, enhancing user

convenience and increasing platform engagement.

• It promotes better user interaction by offering an easy way to manage property

interests over time.

Technologies Used:
• Frontend: HTML, CSS, JavaScript, and React.js.
• Backend: Node.js, Middleware and Express.js.
• Database: MongoDB

1.2.1 Project Scope:

Baba Banda Singh Bahadur Engineering College | 3

 Real Estate Website
The scope of the GharDekho project encompasses the design, development, testing, and
deployment of a comprehensive real estate web application that caters to both property buyers
and sellers. The project aims to provide a user-friendly platform with features that enhance the
property search and management experience while maintaining security and performance. The
key aspects of the project scope include:
• User Management

• Property Management System

• Search and Filter Options

• Book Visit System

• Favorites and Bookmarking

• Responsive Design

• Security Features

• Email Notifications by Contact Form

• Integration with Mapping Services

• Use Toast for Making User Friendly

1.2.2 Project Significance:
1. Enhanced User Experience:
• GharDekho offers a user-friendly interface that simplifies the property search
and management process.

• Advanced search features, filtering options, and responsive design enhance

user engagement and satisfaction, influencing decision-making.

2. Increased Accessibility:
• The responsive design and multi-language support enable GharDekho to reach
a diverse audience.

• This accessibility caters to a broader demographic, including individuals

underserved by traditional real estate platforms.

3. Efficiency Enhancement:
• The platform improves operational efficiency by automating processes such as
property listing management and user registration.

• Automation reduces the time required for property transactions and enhances
overall productivity for both users and admins.

4. Resource Optimization:
Baba Banda Singh Bahadur Engineering College | 4
 Real Estate Website
• GharDekho optimizes resources through cloud-based hosting solutions,
minimizing the need for extensive physical infrastructure.

• This allows the project to focus on development and user experience, resulting
in better resource allocation.

5. Client Satisfaction:
• A seamless and intuitive user experience increases client satisfaction.

• Satisfied clients are more likely to return and recommend the platform, leading
to increased user growth and retention.

6. Cost Reduction:
• Automation and streamlined processes in GharDekho lead to cost reductions
for the platform and its users.

• Property owners save on marketing costs, while users benefit from reduced
fees and increased access to listings.

7. Scalability and Adaptability:

• The platform is designed to be scalable and adaptable to changing market
demands.

1.3 Project Specifications:

1.3.1 Hardware Specifications

1. Server Requirements:
• Processor: Intel Xeon or AMD equivalent (Quad-core or higher)
• RAM: 16 GB or more
• Storage:
▪ SSD with a minimum capacity of 256 GB for faster data retrieval and
application performance
▪ Additional HDD storage (1 TB or more) for backups and archival data
2. User Requirements:
• Minimum User Device Specifications:
➢ Desktop/Laptop:
▪ Processor: Intel i3 or equivalent
▪ RAM: 4 GB
▪ Storage: 500 GB HDD or SSD
Baba Banda Singh Bahadur Engineering College | 5
 Real Estate Website
▪ Screen Resolution: 1366 x 768 pixels or higher
➢ Mobile Device:
▪ Processor: Quad-core or higher
▪ RAM: 2 GB or more
▪ Storage: 16 GB or more

1.3.2 Software Specifications:

• Frontend: HTML, CSS, JavaScript, and React.js.
• Backend: Node.js, Middleware and Express.js.
• Database: MongoDB.
• Development Tools: Visual Studio Code.

Baba Banda Singh Bahadur Engineering College | 6

 Real Estate Website
2. TITLE OF PROJECT

Title: “GharDekho A Real Estate Website”

Objective is to design and develop an efficient and user-friendly real estate management
system tailored for property buyers, sellers, and renters using a modern web stack with Node.js
for backend development and MongoDB/MySQL for data storage. This platform should
effectively address the following key modules: Property Listing Management, User
Management, Booking Visits, and Favorites Management.
Functional Requirements:

1. Property Listing Management:

o Allow admins to add, view, Favorites, and Book Visit property listings.
o Capture property details, including type, location, price, and specifications.
o Implement advanced search and filtering options for users to find properties
based on their preferences.
2. User Management:
o Develop features for user registration, profile management, and role-based
access control (admin and user).
o Enable users to manage their Favorites and Bookivisits.
3. Booking Visits:
o Create a module for users to schedule visits to properties.
o Allow property owners or agents to confirm or reschedule visit requests.
4. Favourites Management:
o Enable logged-in users to save their favorite properties for quick access later.
o Implement features to manage and organize favorite listings.
5. User Authentication and Authorization:
o Implement secure user registration and login functionalities.
o Support OAuth for social media logins (e.g., Google, Facebook) to enhance
user convenience.
6. Location Services:
o Integrate mapping services (e.g., Google Maps) to display property locations
and nearby amenities.
7. Mobile Responsiveness:
o Ensure the platform is fully responsive and mobile-friendly for users accessing
the site on smartphones and tablets.

Baba Banda Singh Bahadur Engineering College | 7

 Real Estate Website
o Implement a mobile version or dedicated mobile app for enhanced
accessibility.
8. Advanced Search Filters:
o Provide users with advanced search options to filter properties by various criteria
such as property name and location features.

Non-functional Requirements:

1. Performance:
o Ensure the system can handle a large number of concurrent users and
transactions efficiently.
o Aim for minimal response time for user interactions to provide a smooth user
experience.
2. Scalability:
o Design the architecture to support scalability to accommodate future growth
and increasing data volume.
3. Security:
o Implement data encryption techniques to secure sensitive user information.
o Enforce role-based access control (RBAC) to restrict unauthorized access to
system resources.
4. Reliability:
o Ensure high availability with minimal downtime for maintenance and
upgrades.
o Implement regular data backups to prevent data loss in case of system failure.
5. Usability:
o Design an intuitive and user-friendly interface to cater to users with varying
technical backgrounds.
o Provide support for customization and personalization of the user interface.

Deliverables:

1. Detailed design documentation including system architecture, database schema, and

API specifications.
2. Fully functional real estate management system implemented in Node.js with
MongoDB/MySQL database.
3. User manuals and installation guides for administrators and end-users.
Baba Banda Singh Bahadur Engineering College | 8
 Real Estate Website
4. Test cases and results for unit testing, integration testing, and user acceptance testing.
5. Deployment package for easy installation on different hosting environments.

Additional Guidelines:

• Adhere to best practices and coding standards for web development.

• Use appropriate frameworks and libraries for efficient development.
• Ensure data integrity and security throughout the system.
• Regularly communicate progress and seek feedback from stakeholders.

Baba Banda Singh Bahadur Engineering College | 9

 Real Estate Website
3. OBJECTIVES
Develop a comprehensive real estate management system to streamline and enhance the
process of property buying, selling, and renting, including:

1. Property Listing Management:

o Centralize property data, including details such as property name, location,
price, specifications.
o Implement advanced search and filtering options to enable users to find
properties that meet their specific criteria quickly.
2. User Management:
o Provide a secure platform for user sign up and login via Auth0.
o Implement role-based access control to ensure appropriate access levels for
different users (e.g., admins, users).
o Allow admins to add, view, Favorites, and Book Visit property listings.
3. Booking and Visit Management:
o Automate the scheduling of property visits, allowing users to book a visit of
home via integrated calendar.
4. Favourites Management:
o Allow logged-in users to bookmark and manage their favourite properties for
quick access and future reference.
5. Security and User Authentication:
o Ensure a secure user registration and login process, including options for
password recovery and OAuth integration for social media logins.
o Implement data encryption techniques to safeguard sensitive user information
and enforce role-based access control to restrict unauthorized access.
6. Mobile Responsiveness:
o Ensure that the platform is fully responsive and accessible on various devices,
including smartphones and tablets, to cater to users on the go.
o Consider developing a mobile app to enhance accessibility and provide a
streamlined experience for users.

Baba Banda Singh Bahadur Engineering College | 10

 Real Estate Website

4. SCHEDULE OF ACTIVITES
Below is the Schedule of Activities for the GharDekho: A Comprehensive Real Estate
Management System project:
Progress Overview:

1. Planning and Requirements Gathering: Completed

o Defined project scope, objectives, and deliverables.
o Conducted stakeholder meetings to gather requirements from property owners,
and users.
o Created a detailed project plan outlining tasks, timelines, and milestones.
2. System Design and Architecture: Completed
o Designed the overall system architecture and database schema.
o Defined data models for properties, user profiles, bookings, and messaging
functionalities.
o Selected node js and react frameworks and libraries for backend development
and front-end technologies for user interfaces.
3. User Registration and Authentication Module: Completed
o Developed user registration and login functionalities with secure password
management.
o Implemented role-based access control for different user types (admins, users).
o Added features for password recovery and account management.
4. Property Listing Management Module Development: Completed
o Implemented features for uploading property images.
o Designed user-friendly interfaces for adding, and viewing property details.
5. Search and Filter Functionality Development: In Progress
o Developing advanced search options to filter properties based on location,
property name, location, and other criteria.
o Integrating location services (e.g., Google Maps) for displaying property
locations and nearby amenities.
6. Booking and Visit Management Module Development: Pending
o Designing features for users to schedule visits to properties and for property
owners to manage visit requests.
7. Favourites and Sharing Features Development: Pending
Baba Banda Singh Bahadur Engineering College | 11
 Real Estate Website
o Developing functionalities for users to bookmark favorite properties for easy
access.
8. Integration and Testing: Scheduled
o Planning to integrate all modules into the GharDekho system in the next
phase.
o Performing unit testing, integration testing, and user acceptance testing to
ensure system reliability and user satisfaction.

Baba Banda Singh Bahadur Engineering College | 12

 Real Estate Website
5. CONCLUSION

In conclusion, the development of the GharDekho real estate management system using PHP
and MySQL has been a significant undertaking aimed at improving the property buying,
selling, and renting process. Through meticulous planning, collaborative efforts among teams,
and continuous engagement with stakeholders, substantial progress has been made toward
achieving the project’s objectives.

The GharDekho platform represents a critical advancement in enhancing user experience,

optimizing property management, and facilitating efficient transactions in the real estate
market. As the project moves forward, it is essential to maintain a focus on continuous
improvement, adapting to user feedback, and monitoring performance to ensure the platform's
long-term success and relevance.

In simpler terms, the development of the GharDekho system has been a major step toward
creating a more organized and user-friendly platform for all participants in the real estate
market. We began by identifying the needs of buyers, sellers, and renters, including efficient
property management, easy communication, and seamless transaction processes. A detailed
plan was created, outlining how to build the system, the tasks involved, and the expected
timelines.

After designing the system architecture and database layout to ensure smooth functionality, we
started developing each component of the platform, thoroughly testing them to ensure they
work correctly. As we integrate all the different parts, we focus on ensuring they communicate
effectively and function together as a cohesive system.

Overall, this project aims to simplify the property management process, enabling users to find,
list, and manage properties more effectively. With GharDekho, we anticipate significant
improvements in user engagement and satisfaction, ultimately contributing to the growth and
success of the real estate market. We are excited to see how this platform will evolve and serve
its users in the future.

Baba Banda Singh Bahadur Engineering College | 13

 Real Estate Website
6. ACHIEVEMENTS TILL NOW
Website Page View
• In website page on the header section there is Properties page, Contact page and a
Login button.

Login/Signup Page
• When user clicked on Login button then the login page will reflect by Auth0. Where a
user can login by via E-mail and Password or via directly with google signup.

Baba Banda Singh Bahadur Engineering College | 14

 Real Estate Website
• When click on continue with google then an authorization page or popup will shows.

Properties Page
• In this page a user see all the properties and a search bar that actually

Baba Banda Singh Bahadur Engineering College | 15

 Real Estate Website
Property Page
• When an admin add a property then it added here with id like

• In this a user also see the location where the home exists and he/she can book a visit
to visit home physically.

Baba Banda Singh Bahadur Engineering College | 16

 Real Estate Website
Contact Page
• In contact page the user directly sends the Name. E-mail, and messages to the admin’s
e-mail.

Baba Banda Singh Bahadur Engineering College | 17

 Real Estate Website

7. REMAINING WORK

• Property Adding Module: Pending

o Implement role-based access control to restrict property addition to
admins only.
o Add backend logic to add the property on MongoDB.
• Book Visit Functionality: Pending
o Implement a book visit feature where a user can book a visit for their
house before buying.
o Provides an integrated calendar to book visits on specific date.
• Mark Favorite Property Feature: Pending
o Implement a heart icon button on the right-top of properties to add them
on favorites to the user profile.
o Store favorite properties in the user’s profile for easy access.
• Integration, Debugging and Testing: Scheduled
o Perform unit testing and integration testing on individual modules to
ensure they work as expected.
o Fix bugs and optimize the system for better performance.

• Creating API’s for all database: Pending

Baba Banda Singh Bahadur Engineering College | 18