Saturday, August 22, 2026

DB-Driven Property Showcase & Enquiry System

Built database-driven property showcase page with dynamic filtering, responsive card grid, and AJAX-powered enquiry modal with lead capture.

Backend Frontend

3-col

Responsive Grid

Filter Regions

AJAX

Lead Submission

Task Summary

Built DB-driven showcase page querying projects table with dynamic Region + search filtering
Implemented 3-column responsive card grid (project image, status/location badges, configuration, price, tagline)
Built card actions: external details link or on-page enquiry button with WhatsApp CTA
Created enquiry modal with AJAX lead submission, UTM/gclid/gbraid/gad_source tracking auto-population
Implemented 10-digit mobile + email + consent validation
Added placeholder image fallback for missing assets

Technical Details

Architecture

PHP page queries MariaDB projects table with dynamic WHERE clauses for Region and search parameters. Results ordered by region hierarchy then ID descending. Card rendering uses responsive CSS Grid with image onerror fallback to placeholder service. Lead modal captures UTM attribution and submits via AJAX to lead processing endpoint.

$idsParam = "78,75,410,442";
// Dynamic Region + search filtering
// Orders: Western-Mumbai, Central-Mumbai, Navi-Mumbai, South-Bombay
// AJAX lead submission with UTM auto-capture