A magical real estate search interface that parses natural language queries in real-time as you type.

• Live Parsing: Filters update instantly as you type, character by character
• Natural Language: Type "2 bed 3 bath under 500k in Brooklyn with yard" and watch the magic happen
• Visual Feedback: Colored underlines show what's been parsed
• Bidirectional: Manual filter changes don't get overwritten
• Smart Parsing: Handles various formats like "2br", "1.5ba", "500k", "$1M"
• Real Results: Displays actual property listings based on your search criteria
• Responsive Design: Works beautifully on desktop and mobile

• frontend/ - React-based search interface with property listings
• backend/ - Hono API server with search endpoints
• shared/ - Shared types and parsing utilities

• GET / - Main application interface
• GET /api/search - Property search with filter parameters
• GET /api/health - Health check endpoint

Type naturally in the search bar and watch filters populate automatically:

• Beds: "2 bed", "3br", "2 bedroom"
• Baths: "2 bath", "1.5ba", "2 bathrooms"
• Price: "under 500k", "below $1M", "above 300k"
• Neighborhoods: Brooklyn areas (Bed Stuy, Williamsburg, etc.)
• Features: yard, parking, garage, doorman, etc.

Try these search queries to see the magic:

• "2 bed 2 bath under 800k in Williamsburg"
• "3 bedroom townhouse with yard in Park Slope"
• "condo with doorman and gym under 1M"
• "apartment in Bed Stuy with parking above 400k"

• Frontend: React 18 with TypeScript, TailwindCSS for styling
• Backend: Hono framework with mock property data
• Parsing: Custom natural language parser with regex patterns
• Real-time: Debounced search with loading states
• Responsive: Mobile-first design with grid layouts