Online Property Listing Platform with Map Search and Agent Enquiries

House hunting in Indian cities usually means scrolling through scattered listings across broker groups, classifieds and social media posts, where prices, locations and property details are inconsistent and the same property appears under different descriptions. The Online Property Listing Platform with Map Search and Agent Enquiries answers that scattered search with one searchable catalogue: every listing carries a fixed set of fields covering city, area, property type, BHK count, built-up area, price and the listing agent, so a buyer can compare like with like instead of re-reading vague posts. A map view adds the missing spatial question, showing where listings sit relative to a preferred area, while filters narrow the catalogue by city, price, type and BHK before any agent is contacted. Enquiries go to the correct agent with the property attached, so follow-up starts from a specific home rather than a general question. All demo prices are sample listings, not live market rates.

An agent listing enters the catalogue with a fixed field set covering city, area, property type, BHK count, built-up area, price, photos and agent contact, and the catalogue is indexed by city and property type so filters do not rescan every record on each search. A buyer opens the listing grid, applies city, type, BHK, price and keyword filters, or taps a map pin to restrict results to one city, and the grid re-renders from the index. Opening a card shows the detail page with photos, area and agent details, and the enquiry form on the same flow validates the buyer name, mobile number and message before saving the enquiry against that listing. The agent then sees the enquiry with the property attached and follows up by phone, closing the loop from search to site-visit conversation.

1. A listing is stored with a fixed field set: city, area, property type, BHK count, built-up area, price, photos and the listing agent.
2. The catalogue is indexed by city and property type. Builder note from the demo build: filters run against a pre-built index keyed by city and property type, so combining city, type, BHK and price filters re-renders the grid without a new fetch.
3. The buyer applies city, type, BHK, maximum price and keyword filters on the search bar, and the grid shows only the matching listings with an updated result count.
4. The buyer switches to map search and taps a city pin, which filters the catalogue to that city and shows the matching cards below the map.
5. The buyer opens a property card to reach the detail page, which shows the large photo, area, BHK count, built-up area, price and agent details.
6. The buyer fills the enquiry form with a name, a mobile number and a message; the form rejects a short name, an empty message, or a mobile number that is not a valid 10-digit Indian mobile format starting with 6, 7, 8 or 9.
7. The accepted enquiry is saved against that listing and appears in the saved enquiry list, so the agent can call the buyer back about that specific property.

Tech stack:

• HTML5 · CSS3 · JavaScript for the frontend
• Node.js · Express for the listing API
• MongoDB · property and enquiry collections
• Interactive map view · city pins and area filter
• Responsive card layout · desktop and mobile views
• Form validation · mobile-number and message checks
• REST API design · listing and enquiry endpoints
• Browser storage · saved enquiries in the demo

Four capabilities carry the platform: searchable listings with city, price, type and BHK filters that narrow a large catalogue to a shortlist; a map search view where pins grouped by city filter the catalogue to one area; property detail pages that gather photos, area, price and agent details in one place; and agent enquiries that attach the buyer message and contact details to a specific listing. Around those four, the platform adds a saved enquiry list for the agent, a responsive card layout for phones and desktops, and a fixed listing field set that keeps every property comparable. Together they replace scattered broker posts with a catalogue a buyer can search, compare and act on without losing the property context between steps. The demo runs all four on sample data across five Indian cities, so the flow can be shown end to end without any live account.

• [Search and filters] City, property type, BHK, maximum price and keyword filters combine on one bar and re-render the listing grid to the matching properties. Implemented in the demo.
• [Map search] A map-style view shows one pin per city, and tapping a pin filters the catalogue to that city so location becomes a search input rather than a text field. Implemented in the demo.
• [Property detail pages] Each card opens a detail page with a large photo, area, city, BHK count, built-up area, price and the listing agent in one place. Implemented in the demo.
• [Agent enquiry forms] The enquiry form collects the buyer name, mobile number, property and message, and validates the mobile format before saving the enquiry against that listing. Implemented in the demo.
• [Saved enquiry list] Every accepted enquiry appears in a saved list under the form, showing the buyer name, mobile number and property so the agent can follow up. Implemented in the demo.
• [Fixed listing field set] Every listing uses the same fields for city, area, type, BHK, built-up area, price and agent, so properties stay comparable across the whole catalogue. Implemented in the demo.
• [Agent posting form] An agent-side form for adding a new listing with the same fixed field set, so new properties enter the catalogue in the correct format. Optional customisation, not in the demo.
• [Live map provider] Replacing the schematic demo map with live map tiles and street-level pins from a mapping provider, so buyers can search by neighbourhood boundaries. Future scope, not in the current build.

• Complete source code for the listing platform: search and filters, map search view, property detail pages and agent enquiry forms
• Database setup for property and enquiry collections with the fixed listing field set
• Demo data with sample listings across five Indian cities, labelled as sample data
• Setup instructions for running the platform locally and hosting it online
• Project report PDF (background, catalogue design, filter indexing, map search, enquiry flow, limitations)
• PPT presentation for final review
• Viva Q&A preparation document (filter design, map search limits, validation rules, hosting and scaling limits)