HomeSearch

HomeSearch (MLS Demo React) is an honest UI exercise — a cleaner real-estate browsing experience on MLS-shaped data. Filters, a Leaflet map, listing grid, and property detail views. RETS integration exists in the codebase when you configure an API key locally; the public GitHub Pages demo is conceptual and not connected to a live MLS feed.

Title

Front-End Developer

Context

Personal demo project; conceptual, not a shipped product.

Scope

Full React UI — filters, map, listings, detail views.

Real estate search UIs are notoriously cluttered and hard to navigate. This was an exercise in building a simpler, more focused browsing experience — and working with real-world listing data structures.

• Filter and listing grid

  Problem

  Typical MLS UIs bury filters in clutter.

  Fix

  Filter panel driving a responsive listing grid.

  Result

  A focused browse path from search criteria to properties.

• Leaflet map

  Problem

  Listings without geographic context are hard to scan.

  Fix

  Leaflet map integrated with listing data.

  Result

  Properties visible on a map as well as in the grid.

• Property detail view

  Problem

  A demo needs a place to drill into one listing.

  Fix

  Detail view for individual property records.

  Result

  Grid → detail flow completes the browse loop.

Live conceptual demo on GitHub Pages — honest MLS UI exercise, not a production app. No usage metric claimed.