INTRODUCTION

The Real Estate Web Application is an interactive, effective and revenue-generating website designed for the Real Estate Industry. The main objective of this application is to help the Real Estate Company to display unlimited number of property listings for rent, sell purposes on the mobile app.

There are large numbers of commercial real estate information offering a suite of commercial properties and services tailored to the national and local needs of the commercial investments industry. These online marketplaces have thousands of commercial real estate properties for sale and lease under various categories including commercial office space, industrial, single – family, multi – family, land, etc. both for sale and lease as well. Their purpose is to attract community of industry professionals including investors, property managers, and landlords, local and national buyers to select the properties with desired features.

In this increasingly demanding scenario for a platform which could help buyers to have a look at the available property listings with all its photographs, necessary specification and description, this application is an effort to provide such a web interface with some attractive and innovative features using the latest technologies.

real estate app

SYSTEM DESIGN

In this project, we decided to make a real estate app where there is an admin, who will provide the id and password to the agent then the agent contacts with the admin and receives the id and password. They can start doing their job i.e. adding property listing with their actual price, agents contact with admin regarding property sell or rent purpose etc. Here all the customers can visit the page and make a purchase.

We will have one home page where multiple options allow the user to choose different property listings with the actual price. There will be a system administrator who will have the right to add and manage user accounts.

STAKE HOLDERS

Customers/agents app

Admin panel

CUSTOMER MODULE

Splash Screen

A splash screen will appear on the first screen of the application. It will be visible for 3-4 seconds. A splash screen is usually used to enhance the look and feel of an application or website. It’s an attractive way to add some excitement to the user’s experience. It is possible to include animation, graphics, and sound in them as well.

  • New user can create an account.
  • If already a user, then enter your credentials.
  • Guest user can skip registration.

As part of the signup process, users need to enter their personal details such as their Full Name, their Date of Birth, their Email Address, their Mobile Number, and the password, and accept the Terms and Conditions (click the checkbox). In order to verify your submission, click on the submit button.

Splash Screen

A splash screen will appear on the first screen of the application. It will be visible for 3-4 seconds. A splash screen is usually used to enhance the look and feel of an application or website. It’s an attractive way to add some excitement to the user’s experience. It is possible to include animation, graphics, and sound in them as well.

  • New user can create an account.
  • If already a user, then enter your credentials.
  • Guest user can skip registration.

As part of the signup process, users need to enter their personal details such as their Full Name, their Date of Birth, their Email Address, their Mobile Number, and the password, and accept the Terms and Conditions (click the checkbox). In order to verify your submission, click on the submit button.

Phone Verification Screen

Upon clicking the phone verification button, you will receive a four-digit code to your registered mobile device. To proceed, enter the received code and click the submit button. Even users can verify via email address, they will receive an OTP on their registered email address.

In the login screen, customers will enter the account information:

• Email ID
• Password

Then click on the Login button.
The user’s entered credential – Email address/Username, Password is valid and correct or not. Users will not get access to the restricted page until he/she entered a valid email and password.
If the customer forgot their password, in that case, the customer can reset their current password & set a new password.

In forgot password screen, if the customer forgot his password so in that case he can reset the current password & set a new one. He only needs to enter his registered email address & will receive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

Phone Verification Screen

Upon clicking the phone verification button, you will receive a four-digit code to your registered mobile device. To proceed, enter the received code and click the submit button. Even users can verify via email address, they will receive an OTP on their registered email address.

In the login screen, customers will enter the account information:

• Email ID
• Password

Then click on the Login button.
The user’s entered credential – Email address/Username, Password is valid and correct or not. Users will not get access to the restricted page until he/she entered a valid email and password.
If the customer forgot their password, in that case, the customer can reset their current password & set a new password.

In forgot password screen, if the customer forgot his password so in that case he can reset the current password & set a new one. He only needs to enter his registered email address & will receive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

Phone Verification Screen

Upon clicking the phone verification button, you will receive a four-digit code to your registered mobile device. To proceed, enter the received code and click the submit button. Even users can verify via email address, they will receive an OTP on their registered email address.

In the login screen, customers will enter the account information:

• Email ID
• Password

Then click on the Login button.
The user’s entered credential – Email address/Username, Password is valid and correct or not. Users will not get access to the restricted page until he/she entered a valid email and password.
If the customer forgot their password, in that case, the customer can reset their current password & set a new password.

In forgot password screen, if the customer forgot his password so in that case he can reset the current password & set a new one. He only needs to enter his registered email address & will receive OTP. After entering the received OTP, the user can reset his current password & confirm a new password.

OTP Verification Screen

In the OTP verification screen, a 6 digit code will be sent to your registered mobile number. Once enter the received OTP for verification, then the pop-up will generate that your pro- file is created successfully.

Reset password is the action of invalidating the current password for an account on a website or an app and then creating a new one. A password may be reset using the settings of the app or service.

The home screen is the main screen of an app. It is the screen where users interact with the most & contains all of the options for an app. Home screens are designed depending on the type of a product and its purpose.

OTP Verification Screen

In the OTP verification screen, a 6 digit code will be sent to your registered mobile number. Once enter the received OTP for verification, then the pop-up will generate that your pro- file is created successfully.

Reset password is the action of invalidating the current password for an account on a website or an app and then creating a new one. A password may be reset using the settings of the app or service.

The home screen is the main screen of an app. It is the screen where users interact with the most & contains all of the options for an app. Home screens are designed depending on the type of a product and its purpose.

Home Screen

In this screen, users can post & view their property listings for selling & renting purposes based on their location. Users can review the property details by clicking on any one property. Users can mark any property as a bookmark by clicking on the bookmark icon. If agents want to post their property, he can click on the button ‘Post your property’ & fill out the required details.

Following are the property details that users can see:

1. Property images (slider images)
2. Name of the property
3. Location
4. Property function
a. Area
b. Type of rooms/bathrooms
c. Types of Furnishing
5. Posted by
6. Highlights
7. Property map
8. Send a message/call

a. Buy
b. Rent
c. Commercial
d. Select city (drop-down)
e. Search option (Search up to 3 localities or landmarks)
f. Rent range (price slider)
g. Property type
i. House
ii. Apartment
iii. Showroom, etc.
h. Search CTA

Home Screen

In this screen, users can post & view their property listings for selling & renting purposes based on their location. Users can review the property details by clicking on any one property. Users can mark any property as a bookmark by clicking on the bookmark icon. If agents want to post their property, he can click on the button ‘Post your property’ & fill out the required details.

Following are the property details that users can see:

1. Property images (slider images)
2. Name of the property
3. Location
4. Property function
a. Area
b. Type of rooms/bathrooms
c. Types of Furnishing
5. Posted by
6. Highlights
7. Property map
8. Send a message/call

a. Buy
b. Rent
c. Commercial
d. Select city (drop-down)
e. Search option (Search up to 3 localities or landmarks)
f. Rent range (price slider)
g. Property type
i. House
ii. Apartment
iii. Showroom, etc.
h. Search CTA

Home Screen

In this screen, users can post & view their property listings for selling & renting purposes based on their location. Users can review the property details by clicking on any one property. Users can mark any property as a bookmark by clicking on the bookmark icon. If agents want to post their property, he can click on the button ‘Post your property’ & fill out the required details.

Following are the property details that users can see:
1. Property images (slider images)
2. Name of the property
3. Location
4. Property function
a. Area
b. Type of rooms/bathrooms
c. Types of Furnishing
5. Posted by
6. Highlights
7. Property map
8. Send a message/call

a. Buy
b. Rent
c. Commercial
d. Select city (drop-down)
e. Search option (Search up to 3 localities or landmarks)
f. Rent range (price slider)
g. Property type
i. House
ii. Apartment
iii. Showroom, etc.
h. Search CTA

Location

By clicking on use current location button, it allow the app to access the device’s location. It will give 3 options:

1. While using the app
2. Only this time
3. Don’t allow

In this screen, users can post their properties, location & the type of property to proceed with the property search result.

In case of empty property, users need to fill in the below details:
1. Number of rooms & bedrooms
2. Amenities
a. Bedroom/bathrooms
b. Living room
c. Kitchen
d. Parking area
e. Front/back yard
f. Balcony
g. Gym
3. Preferred tenants
a. Family
b. Bachelor
c. Company
4. Enter your budget
5. Proceed CTA

Location

By clicking on use current location button, it allow the app to access the device’s location. It will give 3 options:
1. While using the app
2. Only this time
3. Don’t allow

In this screen, users can post their properties, location & the type of property to proceed with the property search result.

In case of empty property, users need to fill in the below details:
1. Number of rooms & bedrooms
2. Amenities
a. Bedroom/bathrooms
b. Living room
c. Kitchen
d. Parking area
e. Front/back yard
f. Balcony
g. Gym
3. Preferred tenants
a. Family
b. Bachelor
c. Company
4. Enter your budget
5. Proceed CTA

Furnished Property

In the case of furnished property, need to fill in the below details:
1. Number of bedrooms/bathrooms/beds
2. Amenities
3. Preferred tenants
4. Furniture
5. Equipment
6. Services
7. Short description
8. Budget
9. Proceed CTA

Service page is a fundamental part of any company app. They may serve many functions & services. They present a product to the customers, motivate them to get in touch with the company, make it possible for them to make a purchase, as well as allow the company to collect the customer’s data.

A career screen, also called a career page/job board, is resource employers and job seekers use. It’s designed to help employers post any job vacancies to an active candidate pool.

Furnished Property

In the case of furnished property, need to fill in the below details:
1. Number of bedrooms/bathrooms/beds
2. Amenities
3. Preferred tenants
4. Furniture
5. Equipment
6. Services
7. Short description
8. Budget
9. Proceed CTA

Service page is a fundamental part of any company app. They may serve many functions & services. They present a product to the customers, motivate them to get in touch with the company, make it possible for them to make a purchase, as well as allow the company to collect the customer’s data.

A career screen, also called a career page/job board, is resource employers and job seekers use. It’s designed to help employers post any job vacancies to an active candidate pool.

Furnished Property

In the case of furnished property, need to fill in the below details:
1. Number of bedrooms/bathrooms/beds
2. Amenities
3. Preferred tenants
4. Furniture
5. Equipment
6. Services
7. Short description
8. Budget
9. Proceed CTA

Service page is a fundamental part of any company app. They may serve many functions & services. They present a product to the customers, motivate them to get in touch with the company, make it possible for them to make a purchase, as well as allow the company to collect the customer’s data.

A career screen, also called a career page/job board, is resource employers and job seekers use. It’s designed to help employers post any job vacancies to an active candidate pool.

Contact Us

Contact us page is often the go-to for a new visitor on a mission. It’s where they go when they have a question and truly want to speak to an individual at your organization. They exist to serve the user with the purpose of providing them with information on how they can get in touch with you.

Sidebar menus have been used as a directory for Related Pages to a Service offering, navigation items to a specific service or topic and even just as Links the visitor may be interested in.

Messaging allows you to communicate with the admin through chat. It enables you to send and receive messages. Chatting apps make it easier, simpler and faster to connect with everyone and it is also easy to use.

Contact Us

Contact us page is often the go-to for a new visitor on a mission. It’s where they go when they have a question and truly want to speak to an individual at your organization. They exist to serve the user with the purpose of providing them with information on how they can get in touch with you.

Sidebar menus have been used as a directory for Related Pages to a Service offering, navigation items to a specific service or topic and even just as Links the visitor may be interested in.

Messaging allows you to communicate with the admin through chat. It enables you to send and receive messages. Chatting apps make it easier, simpler and faster to connect with everyone and it is also easy to use.

Property For Buy

There will be a list of all the properties for sale that are available for purchase.

There will be a list of all the properties that are available for renting purpose.

Property owners have the permission to add new properties along with their information.

Property For Buy

There will be a list of all the properties for sale that are available for purchase.

There will be a list of all the properties that are available for renting purpose.

Property owners have the permission to add new properties along with their information.

Properties For Buy

There will be a list of all the properties for sale that are available for purchase.

There will be a list of all the properties that are available for renting purpose.

Property owners have the permission to add new properties along with their information.

Property Saved

To save a property within your app, you first need to get the details of the property. From here, go into the property details. Now click on the bookmark icon at the top right of the property details & tap on it. This will now indicate that the property has been saved. Once a property has been saved, it will reflect on the property saved page of the mobile app.

To contact a property owner, you first need to get the details of the property along with the contact details of the owner. From here, go into the contact details. When you will come in the contact with the property owner then this will indicate that the property has been contacted. Once a property has been contacted, it will reflect on the property contacted page of the mobile app.

Feedback act as a tool through which customers feel that they have importance and value. One needs to rectify their shortcomings, and that is possible only by analysis of genuine feedback from customers.

Property Saved

To save a property within your app, you first need to get the details of the property. From here, go into the property details. Now click on the bookmark icon at the top right of the property details & tap on it. This will now indicate that the property has been saved. Once a property has been saved, it will reflect on the property saved page of the mobile app.

To contact a property owner, you first need to get the details of the property along with the contact details of the owner. From here, go into the contact details. When you will come in the contact with the property owner then this will indicate that the property has been contacted. Once a property has been contacted, it will reflect on the property contacted page of the mobile app.

Feedback act as a tool through which customers feel that they have importance and value. One needs to rectify their shortcomings, and that is possible only by analysis of genuine feedback from customers.

Help

Help screen provides answers to common questions about your app. Users can submit comments, report bugs, and ask questions that are not already answered. To provide help for urgent issues, such as payments and other issues, place a Help icon or menu in the app bar.

In many apps, we have seen the Settings screen which is most common in most of the apps. This settings screen is used to manage the preferences of the users. The ideal groups could be profile, change password, clear history, clear favourites, terms & conditions, privacy policy & push notifications.

In this profile section, users will fill their basic details:
1. Full name
2. Email address
3. Date of birth
4. Mobile number with country code
Then click on submit button.

Help

Help screen provides answers to common questions about your app. Users can submit comments, report bugs, and ask questions that are not already answered. To provide help for urgent issues, such as payments and other issues, place a Help icon or menu in the app bar.

In many apps, we have seen the Settings screen which is most common in most of the apps. This settings screen is used to manage the preferences of the users. The ideal groups could be profile, change password, clear history, clear favourites, terms & conditions, privacy policy & push notifications.

In this profile section, users will fill their basic details:
1. Full name
2. Email address
3. Date of birth
4. Mobile number with country code
Then click on submit button.

Help

Help screen provides answers to common questions about your app. Users can submit comments, report bugs, and ask questions that are not already answered. To provide help for urgent issues, such as payments and other issues, place a Help icon or menu in the app bar.

In many apps, we have seen the Settings screen which is most common in most of the apps. This settings screen is used to manage the preferences of the users. The ideal groups could be profile, change password, clear history, clear favourites, terms & conditions, privacy policy & push notifications.

In this profile section, users will fill their basic details:
1. Full name
2. Email address
3. Date of birth
4. Mobile number with country code
Then click on submit button.

Change Password

You can change your password for security reasons or reset it if you forget it. Just need to enter your registered email ID to reset your current password. An OTP will sent to the registered mobile number to verify. Then enter your new password & confirm the same.

While clicking on clear history option, all the past history from the app will be erased. If you don’t want a record of properties that you visited in an app, you can delete all or some of your history.

While clicking on clear favourite’s option, all the favourites’ properties from the app will be erased. If you don’t want a record of properties that you marked favourite in an app, you can delete all or some of your favourites.

Change Password

You can change your password for security reasons or reset it if you forget it. Just need to enter your registered email ID to reset your current password. An OTP will sent to the registered mobile number to verify. Then enter your new password & confirm the same.

While clicking on clear history option, all the past history from the app will be erased. If you don’t want a record of properties that you visited in an app, you can delete all or some of your history.

While clicking on clear favourite’s option, all the favourites’ properties from the app will be erased. If you don’t want a record of properties that you marked favourite in an app, you can delete all or some of your favourites.

Advertise

The main purpose of display advertising is to support brand awareness and it also helps to increase the purchase intention of consumers. We have the option to call or send an email to the commercial department for advertising.

Chatting app allows you to communicate with your customers through chat. It enables you to send and receive messages. Chatting apps make it easier, simpler and faster to connect with everyone and it is also easy to use.

Logging out means ending access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

Advertise

The main purpose of display advertising is to support brand awareness and it also helps to increase the purchase intention of consumers. We have the option to call or send an email to the commercial department for advertising.

Chatting app allows you to communicate with your customers through chat. It enables you to send and receive messages. Chatting apps make it easier, simpler and faster to connect with everyone and it is also easy to use.

Logging out means ending access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

ADMIN MODULE

Login Screen

A login screen is a web page or an entry page to a web panel that requires user identification and authentication, by entering a username and password combination. The login process is the most essential feature for any system/application as it provides access to an entire website/application.

The dashboard is the front page of the Administration UI. It provides the display of information which is actually more detailed than the regular user would need. In the dashboard, the admin can view total properties, users, messages & careers.

ADMIN MODULE

Login Screen

A login screen is a web page or an entry page to a web panel that requires user identification and authentication, by entering a username and password combination. The login process is the most essential feature for any system/application as it provides access to an entire website/application.

The dashboard is the front page of the Administration UI. It provides the display of information which is actually more detailed than the regular user would need. In the dashboard, the admin can view total properties, users, messages & careers.

ADMIN MODULE

Login Screen

A login screen is a web page or an entry page to a web panel that requires user identification and authentication, by entering a username and password combination. The login process is the most essential feature for any system/application as it provides access to an entire website/application.

The dashboard is the front page of the Administration UI. It provides the display of information which is actually more detailed than the regular user would need. In the dashboard, the admin can view total properties, users, messages & careers.

Property List

Real estate listings means a complete description of the house for sale, house for rent or any property such as individual house details such as apartments, home, commercial building. A buyer’s agent represents the interests of the home buyer in a real estate transaction, and works to help them find their new home and negotiate a fair price.

In this screen, administrators can add various details e.g., properties’ basic information, number of rooms & bedrooms, amenities, preferred tenants, furniture, equipment, required services, electricity, property description & upload pictures etc.

Property List

Real estate listings means a complete description of the house for sale, house for rent or any property such as individual house details such as apartments, home, commercial building. A buyer’s agent represents the interests of the home buyer in a real estate transaction, and works to help them find their new home and negotiate a fair price.

In this screen, administrators can add various details e.g., properties’ basic information, number of rooms & bedrooms, amenities, preferred tenants, furniture, equipment, required services, electricity, property description & upload pictures etc.

Type of Properties

Admin can view property listings types: home, apartment & commercial. On selecting among sale/rent, types, empty/furnished types the admin can view the property listing search results & view their property details.

In user list section, all the registered users list will display along with their details. While clicking on View button, user profile screen will appear.

Type of Properties

Admin can view property listings types: home, apartment & commercial. On selecting among sale/rent, types, empty/furnished types the admin can view the property listing search results & view their property details.

In user list section, all the registered users list will display along with their details. While clicking on View button, user profile screen will appear.

Types of Properties

Admin can view property listings types: home, apartment & commercial. On selecting among sale/rent, types, empty/furnished types the admin can view the property listing search results & view their property details.

In user list section, all the registered users list will display along with their details. While clicking on View button, user profile screen will appear.

User Profile

In user profile, admin can view users contact details & can view their listed properties, number of likes & bookmarks saved.

Admin have the permission to add new users along with their basic details:
• Full name
• Date of birth
• Email address
• Contact number
• Password & confirm password
Then click on Submit button to save the details.

User Profiles

In user profile, admin can view users contact details & can view their listed properties, number of likes & bookmarks saved.

Admin have the permission to add new users along with their basic details:
• Full name
• Date of birth
• Email address
• Contact number
• Password & confirm password
Then click on Submit button to save the details.

Chat

In package history screen, all the packages will display here whether it is ready for pickup, accepted, payment pending, com-
pleted, cancelled, return etc.

Chat refers to the process of communicating, interacting and/or exchanging messages over the Internet. It involves two or more individuals that communicate through a chat-enabled service or software. Customers can ask their query or concern from the admin.

Logging out means ending access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

Chat

In package history screen, all the packages will display here whether it is ready for pickup, accepted, payment pending, com-
pleted, cancelled, return etc.

Chat refers to the process of communicating, interacting and/or exchanging messages over the Internet. It involves two or more individuals that communicate through a chat-enabled service or software. Customers can ask their query or concern from the admin.

Logging out means ending access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.

Chat

Chat refers to the process of communicating, interacting and/or exchanging messages over the Internet. It involves two or more individuals that communicate through a chat-enabled service or software. Customers can ask their query or concern from the admin.

Chat refers to the process of communicating, interacting and/or exchanging messages over the Internet. It involves two or more individuals that communicate through a chat-enabled service or software. Customers can ask their query or concern from the admin.

Logging out means ending access to an app or a website. Logging out informs the app or website that the current user wishes to end the login session. Log out is also known as log off, sign off or sign out.