Meetly - Central Meeting Point Finder

Loading video...

Project Overview

Meetly is a practical web application designed to simplify meeting arrangements by finding the central train station between two specified addresses. It's ideal for users needing to find a mutually convenient public transport location.

Technical Overview

This project integrates frontend technologies with external APIs to provide a location-based service. Built using Next.js for server-side rendering benefits and React for the UI, it leverages the Google Maps API for geocoding addresses, calculating midpoints, and finding nearby train stations.

Architecture & Stack

  • Framework: Next.js (React)
  • Language: TypeScript
  • API Integration: Google Maps API (Geocoding, Places)
  • HTTP Client: Axios
  • Styling: Tailwind CSS
  • Deployment: Vercel

Core Functionality

  • Input fields for two addresses.
  • Midpoint calculation between the two geocoded addresses.
  • Finding the nearest train station to the calculated midpoint using Google Places API.
  • Displaying the resulting station and route on an interactive Google Map.
  • Dynamic map visibility (initially blurred/hidden, revealed on submit).

Technologies Used

Next.jsReactTailwind CSSGoogle Maps APIAxiosGitHub