Meetpoint

Ever had to decide where to meet after school or work? Meetpoint decides that for your group (fairly!), whether you are coming from Punggol or Jurong East, and helps you out with what to eat or do!

Comment

Singapore MRT Meetup Finder - Project Story

🚇 About the Project

The Singapore MRT Meetup Finder is a web application designed to solve a common problem faced by groups of friends, colleagues, or family members in Singapore: finding the perfect meeting point that's convenient for everyone. By leveraging Singapore's extensive MRT (Mass Rapid Transit) network, the app calculates optimal meeting locations based on multiple starting points and provides comprehensive suggestions for food, activities, and shopping at each recommended station.

💡 What Inspired This Project

Living in Singapore, I noticed how often groups struggle to decide where to meet up. With friends scattered across different parts of the island, the question "Where should we meet?" often leads to lengthy discussions and compromises. Singapore's MRT network is incredibly well-connected, but manually calculating the best meeting point for multiple people is time-consuming and often suboptimal.

The inspiration came from observing real-world scenarios:

  • University students from different campuses trying to find a central meeting spot
  • Colleagues from various office locations planning after-work gatherings
  • Families with members living in different neighborhoods
  • Tourist groups staying in different hotels wanting to explore together

🎯 What I Learned

Technical Skills

  • React & TypeScript: Built a complex, interactive application with proper type safety
  • Geospatial Calculations: Implemented the Haversine formula for accurate distance calculations between coordinates
  • Data Visualization: Created custom SVG-based maps to visualize Singapore's MRT network
  • Algorithm Design: Developed composite scoring algorithms to rank meeting points based on multiple factors
  • UI/UX Design: Crafted an intuitive interface that handles complex data in a user-friendly way

Domain Knowledge

  • Singapore's Transportation System: Deep dive into MRT and LRT networks, station coordinates, and line connections
  • Urban Planning: Understanding how transportation hubs relate to commercial and recreational areas
  • User Experience Research: Learning what information users need when planning meetups

Problem-Solving Approaches

  • Multi-criteria Decision Making: Balancing factors like travel distance, time, and available amenities
  • Data Structure Optimization: Efficiently handling large datasets of station information
  • Performance Optimization: Ensuring smooth calculations even with multiple starting points

🛠️ How I Built the Project

1. Research & Planning Phase

  • Collected comprehensive MRT/LRT station data including coordinates, line colors, and station codes
  • Researched Singapore's geography and transportation patterns
  • Analyzed user needs through informal surveys and observations

2. Core Algorithm Development

// Implemented sophisticated meeting point calculation
const findBestMeetingPoints = (startStations, allStations) => {
  // Calculate geographical midpoint
  // Apply Haversine formula for accurate distances
  // Use composite scoring: midpoint proximity + average distance + max distance
  // Return ranked suggestions
}

3. Interactive Map Creation

  • Built a custom SVG-based map of Singapore's MRT network
  • Implemented dynamic visualization showing:
    • Starting points with numbered markers
    • Connection lines to optimal meeting points
    • Color-coded suggestions with medal rankings
    • Singapore landmarks for geographical context

4. Enhanced User Experience

  • Smart Station Search: Autocomplete with keyboard navigation
  • Visual Feedback: Real-time updates as users add/remove stations
  • Comprehensive Results: Travel time estimates, distance calculations, and ranking explanations

5. Location Intelligence Integration

Added rich contextual information for each meeting point:

  • Food Options: From hawker centres to premium restaurants with price ranges
  • Activities: Museums, parks, entertainment venues with duration estimates
  • Shopping: Malls, markets, and specialty stores
  • Practical Details: Walking times, operating hours, and accessibility information

6. Responsive Design & Deployment

  • Implemented mobile-first responsive design
  • Optimized for various screen sizes and devices
  • Deployed to Netlify with continuous integration

🚧 Challenges I Faced

1. Geospatial Accuracy

Challenge: Singapore's compact size means small coordinate errors could significantly impact recommendations. Solution: Implemented the Haversine formula for precise distance calculations and validated against known distances between stations.

2. Algorithm Optimization

Challenge: With 200+ stations and multiple starting points, calculations could become computationally expensive. Solution: Developed a composite scoring system that balances accuracy with performance, using weighted factors for different criteria.

3. Data Quality & Completeness

Challenge: Ensuring accurate station coordinates, line information, and connectivity data. Solution: Cross-referenced multiple data sources and manually verified critical station information.

4. User Interface Complexity

Challenge: Presenting complex algorithmic results in an intuitive, actionable format. Solution: Created a layered information architecture with quick summaries, detailed breakdowns, and visual map representations.

5. Mobile Responsiveness

Challenge: The map and detailed results needed to work seamlessly across devices. Solution: Implemented adaptive layouts with collapsible sections and touch-friendly interactions.

6. Real-world Context Integration

Challenge: Raw meeting point suggestions weren't actionable without knowing what to do there. Solution: Researched and integrated comprehensive location data including food, activities, and shopping options with practical details like walking times and price ranges.

🎨 Design Philosophy

The application follows a human-centered design approach:

  • Clarity over Complexity: Complex algorithms hidden behind simple interactions
  • Visual Hierarchy: Medal rankings, color coding, and progressive disclosure
  • Contextual Information: Not just where to meet, but what to do when you get there
  • Accessibility: High contrast ratios, keyboard navigation, and screen reader support

🚀 Technical Architecture

Frontend: React + TypeScript + Tailwind CSS
Calculations: Custom geospatial algorithms
Visualization: SVG-based interactive maps
Data: Comprehensive Singapore MRT/LRT dataset
Deployment: Netlify with automated builds

🌟 Impact & Future Enhancements

Current Impact

  • Solves real-world coordination problems for Singapore residents and visitors
  • Reduces decision fatigue in group planning
  • Promotes exploration of different neighborhoods and amenities

Planned Enhancements

  • Real-time Integration: Live MRT service updates and delays
  • Accessibility Features: Wheelchair-accessible route preferences
  • Social Features: Save and share meeting plans
  • Expanded Coverage: Include bus stops and walking routes
  • Personalization: User preferences for food types, budget ranges, and activities

🎯 Key Takeaways

This project reinforced several important principles:

  1. User-Centric Development: Always start with real user problems
  2. Data-Driven Decisions: Algorithms should reflect real-world priorities
  3. Progressive Enhancement: Start with core functionality, then add delightful details
  4. Performance Matters: Complex calculations must feel instantaneous
  5. Context is King: Raw data becomes valuable when paired with actionable insights

The Singapore MRT Meetup Finder demonstrates how technology can solve everyday coordination challenges while encouraging exploration and social connection in urban environments.

Built with ❤️ for the Singapore community

Built With

Share this project:

Updates