Where2Liv

Inspiration

Living in San Francisco is expensive and complex - finding the right apartment involves juggling safety concerns, utility costs, commute times, and neighborhood vibes. We were inspired by our own frustrating apartment hunting experiences where we discovered hidden issues only after moving in: unexpectedly high electricity bills, unsafe walking routes, and buildings with serious maintenance problems.

We wanted to create a solution that would democratize access to critical housing data and help people make informed decisions about where they live. The idea was born from a simple question: "What if you could see everything about a neighborhood and building before signing a lease?"

What it does

Where2Liv is a comprehensive San Francisco apartment analysis platform that transforms the apartment hunting experience through:

Chrome Extension (Zillow Integration)

  • Automatic data extraction from Zillow listings
  • Instant property analysis without leaving the page
  • Real-time cost and safety insights

πŸ’‘ Electricity Bill Estimation

  • San Francisco building energy data integration (Local Law 84)
  • ZIP code-based cost analysis with seasonal adjustments
  • Apartment size estimation by room count
  • Utility rate calculations (ConEd/National Grid)

πŸ›‘οΈ Safety Analysis

  • Real-time crime data from SFPD Open Data APIs
  • Neighborhood safety ratings (A-F scale)
  • Crime pattern analysis with severity weighting
  • Borough comparison analytics

πŸ—ΊοΈ Safe Route Planning

  • Multi-modal route options (walking, cycling, driving)
  • Crime heatmap overlays on interactive maps
  • Route safety scoring with high-risk area identification
  • Real-time transit integration

πŸ€– AI-Powered Building Reviews

  • Hidden issue detection through NLP
  • Building reputation tracking ## How we built it

πŸ€– Our Team of Agents

Our system operates as a team of specialized agents, each with a distinct mission. They work in concert, orchestrated by a central backend, to deliver a comprehensive analysis directly within your browser.

⚑️ Energy Agent

The Cost Analyst

This agent's primary role is to demystify utility expenses by providing clear, data-driven context for a property's energy costs.

  • Core Task: Fetches property details (like square footage) and compares estimated utility usage against hyper-local benchmarks.

  • Technology Used:

    • Frontend: Content scripts parse property data from the Zillow DOM.
    • Backend: The Flask (Python) API, using Pandas/NumPy, processes this data against a database of local utility rates.
  • Data Sources:

    • Zillow page data (via Chrome Extension APIs).
    • Local and regional utility rate APIs.

πŸ›‘οΈ Safety Agent

The Risk Assessor

The Safety Agent provides a granular, multi-faceted view of a neighborhood's safety profile, moving beyond simple statistics to offer qualitative insights.

  • Core Task: Aggregates crime data, building permit history, and qualitative reviews to generate a comprehensive safety score and actionable recommendations.

  • Technology Used:

    • Backend: The Flask (Python) API orchestrates data collection and analysis. Pandas is used to process structured data.
    • AI Integration: The OpenAI API is prompted to analyze and summarize text from user reviews, extracting key themes related to safety.
  • Data Sources:

    • San Francisco Open Data: For official crime statistics and building permit data.
    • Google Maps API: For precise geocoding of the property and nearby incidents.
    • User-generated review content.

πŸ—ΊοΈ Route Agent

The Commute Strategist

This agent analyzes your potential commute, highlighting the critical trade-offs between the fastest path and the safest one.

  • Core Task: Generates multiple commute routes and enriches them with safety data to illustrate the balance between speed and security.

πŸ€– Our Team of Agents

Our system operates as a team of specialized agents, each with a distinct mission. They work in concert, orchestrated by a central backend, to deliver a comprehensive analysis directly within your browser.

⚑️ Energy Agent

The Cost Analyst

This agent's primary role is to demystify utility expenses by providing clear, data-driven context for a property's energy costs.

  • Core Task: Fetches property details (like square footage) and compares estimated utility usage against hyper-local benchmarks.
  • Technology Used:
    • Frontend: Content scripts parse property data from the Zillow DOM.
    • Backend: The Flask (Python) API, using Pandas/NumPy, processes this data against a database of local utility rates.
  • Data Sources:
    • Zillow page data (via Chrome Extension APIs).
    • Local and regional utility rate APIs.

πŸ›‘οΈ Safety Agent

The Risk Assessor

The Safety Agent provides a granular, multi-faceted view of a neighborhood's safety profile, moving beyond simple statistics to offer qualitative insights.

  • Core Task: Aggregates crime data, building permit history, and qualitative reviews to generate a comprehensive safety score and actionable recommendations.
  • Technology Used:
    • Backend: The Flask (Python) API orchestrates data collection and analysis. Pandas is used to process structured data.
    • AI Integration: The OpenAI API is prompted to analyze and summarize text from user reviews, extracting key themes related to safety.
  • Data Sources:
    • San Francisco Open Data: For official crime statistics and building permit data.
    • Google Maps API: For precise geocoding of the property and nearby incidents.
    • User-generated review content.

πŸ—ΊοΈ Route Agent

The Commute Strategist

This agent analyzes your potential commute, highlighting the critical trade-offs between the fastest path and the safest one.

  • Core Task: Generates multiple commute routes and enriches them with safety data to illustrate the balance between speed and security.
  • Technology Used:
    • Backend: The Flask (Python) API queries for route options and then overlays incident data.
    • Frontend: React and TypeScript are used to build an interactive map that visualizes the different routes, their travel times, and corresponding safety metrics.
  • Data Sources:
    • Google Maps API: Provides routing options, directions, and real-time traffic estimates.
    • Internal Data: Consumes the processed safety analysis from our Safety Agent.

Frontend (Chrome Extension)

  • React 19 with TypeScript
  • TailwindCSS for styling
  • Chrome Extension APIs for Zillow integration
  • Content scripts for DOM parsing

Safe Route Planner (Next.js)

  • Next.js 15 with React
  • Leaflet.js for interactive maps
  • OpenStreetMap routing services
  • Real-time crime data visualization

πŸ“Š Data Integration

  • San Francisco Building Energy Data (CSV processing)
  • SFPD Crime Reports (REST API)
  • 311 Service Requests (Real-time API)
  • Google Places API (Building reviews)
  • OpenStreetMap (Routing and geocoding)

Challenges we ran into

πŸ”§ Technical Challenges

  1. Data Integration Complexity
    • Challenge: San Francisco Open Data APIs have inconsistent formats and rate limits
    • Solution: Built robust error handling and caching layers with fallback data
  2. Address Matching Accuracy
    • Challenge: Fuzzy matching between Zillow addresses and San Francisco building data
    • Solution: Implemented multi-stage matching with building name + address combinations
  3. Real-time Crime Data Processing
    • Challenge: Large datasets (50,000+ crime incidents) affecting performance
    • Solution: Implemented spatial indexing and sampling algorithms for route analysis
  4. Chrome Extension DOM Parsing
    • Challenge: Zillow's dynamic content and frequent UI changes
    • Solution: Built resilient selectors with multiple fallback strategies
  5. Route Safety Algorithm
    • Challenge: Balancing accuracy vs. performance for real-time route scoring
    • Solution: Developed hybrid approach with pre-calculated crime density maps

🎯 UX/UI Challenges

  1. Information Overload
    • Challenge: Too much data overwhelming users
    • Solution: Progressive disclosure with clear visual hierarchy and safety grades
  2. Mobile Responsiveness
    • Challenge: Complex map interactions on mobile devices
    • Solution: Touch-optimized controls and simplified mobile interface
  3. Performance Optimization
    • Challenge: Slow loading times with multiple API calls
    • Solution: Implemented intelligent caching and parallel API requests

Accomplishments that we're proud of

πŸ† Technical Achievements

  1. Real-time Data Pipeline
    • Successfully integrated 5 different San Francisco Open Data APIs
    • Built robust error handling with 99% uptime
    • Achieved sub-2-second response times for complex queries
  2. Advanced Safety Algorithm
    • Developed proprietary route safety scoring system
    • Implemented crime density heatmaps with real-time updates
    • Created multi-modal route optimization (safest vs. fastest)
  3. Chrome Extension Innovation
    • Seamless Zillow integration with automatic data extraction
    • Zero-configuration setup for end users
    • Real-time analysis without page navigation

User Impact

  1. Data Democratization
    • Made San Francisco building energy data accessible to everyday users
    • Translated complex crime statistics into actionable insights
    • Simplified neighborhood research from hours to minutes
  2. Cost Savings
    • Accurate utility cost estimation prevents budget surprises
    • Safety-first routing reduces risk and insurance costs
    • Informed decision making saves time and money

What we learned

Technical Insights

  1. Data Quality Matters
    • San Francisco Open Data is powerful but requires significant cleaning and validation
    • Real-time APIs need robust fallback mechanisms
    • Spatial data processing requires specialized optimization
  2. User Experience is Critical
    • Complex data needs intuitive visualization
    • Progressive disclosure prevents information overload
    • Mobile-first design is essential for location-based apps
  3. API Integration Best Practices
    • Rate limiting and caching are crucial for production apps
    • Error handling should be graceful and informative
    • Parallel processing significantly improves performance

🎯 Business Insights

  1. Market Validation
    • Strong user demand for data-driven apartment hunting tools
    • Real estate professionals see value in our analytics
    • Safety and cost transparency are top priorities for renters
  2. Technical Scalability
    • Modular architecture allows for easy feature additions
    • API-first design enables multiple frontend implementations
    • Caching strategies are essential for cost-effective scaling

What's next for Where2Liv

πŸš€ Immediate Roadmap (Next 3 months)

  1. Mobile App Development
    • iOS/Android native apps for on-the-go apartment hunting
    • Offline map capabilities for subway/bus usage
    • Push notifications for new listings and price drops
  2. Enhanced AI Features
    • Personalized recommendations based on user preferences
    • Price prediction models for market analysis
    • Automated negotiation suggestions based on market data
  3. Multi-City Expansion
    • Los Angeles and Chicago market analysis
    • City-specific data sources and algorithms
    • Comparative analysis across major markets

Medium-term Vision (6-12 months)

  1. Advanced Analytics Dashboard
    • Market trend analysis with predictive modeling
    • Investment potential scoring for real estate investors
    • Neighborhood development tracking with construction permits
  2. Social Features
    • Tenant review platform with verified reviews
    • Neighborhood community forums for local insights
    • Roommate matching based on preferences and compatibility
  3. Professional Tools
    • Real estate agent dashboard with client management
    • Property management integration for landlords
    • Insurance quote integration for comprehensive cost analysis

Long-term Vision (1-2 years)

  1. Platform Ecosystem
    • API marketplace for third-party integrations
    • White-label solutions for real estate companies
    • Data licensing for research and policy organizations
  2. AI-Powered Features
    • Virtual apartment tours with AR/VR integration
    • Predictive maintenance alerts for building issues
    • Personalized neighborhood recommendations using ML
  3. Social Impact
    • Affordable housing advocacy through data transparency
    • Community safety initiatives with local law enforcement
    • Environmental impact tracking for sustainable living

πŸ’Ό Business Model Evolution

  1. Freemium Model
    • Basic features free for individual users
    • Premium subscriptions for advanced analytics
    • Professional plans for real estate agents
  2. Data Partnerships
    • Utility companies for accurate billing data
    • Insurance providers for risk assessment
    • Government agencies for policy research
  3. Enterprise Solutions
    • Property management companies for portfolio analysis
    • Real estate investment firms for market research
    • Urban planning departments for development insights

Where2Liv is more than just an apartment hunting tool - it's a platform for making informed decisions about where we live, work, and build communities. We're excited to continue building the future of data-driven real estate! 🏠✨

Built With

  • api-key-management
  • api-testing
  • cdn
  • chrome-web-store
  • chrome.storage-api
  • chrome.tabs-api
  • code-splitting
  • content-scripts
  • cors
  • cross?browser-testing
  • css3
  • csv-files
  • custom-domain
  • eslint
  • flask
  • flask?cors
  • geolocation-api
  • git
  • github
  • google-maps
  • gunicorn
  • heroui
  • html5
  • image-optimization
  • in?memory-cache
  • input-validation
  • javascript-(es6+)
  • lazy-loading
  • leaflet.heat
  • leaflet.js
  • localstorage
  • lucide-react
  • manifest?v3
  • manual-testing
  • mapbox-gl
  • microservices
  • multi?layer-caching
  • next.js
  • nlp/sentiment-analysis
  • nominatim-api
  • npm
  • numpy
  • nyc-open-data-apis
  • openai-api
  • openstreetmap
  • osrm
  • pandas
  • pip
  • postcss
  • prettier
  • python
  • radix-ui
  • railway
  • react
  • react-hooks
  • react?leaflet
  • requests
  • restful-json-apis
  • service-workers
  • stateless
  • tailwind-css
  • typescript
  • typescript-compiler
  • vercel
  • vite
  • web-speech-api
  • websocket
Share this project:

Updates