yvr traffic

A website for BC residents showing live traffic conditions using highway cameras and geolocation.

This is a team project in progress.

Tech Stack

Frontend

  • Javascript
  • tailwind
  • Google Maps API

Backend

  • Node.js / Express
  • Selenium webdriver
  • Docker
  • Shell Script

My contribution

  • Integrated Google Maps API via Google Cloud to display an interactive map with user-friendly controls
  • Implemented geolocation functionality to show the user’s current position with a live blue dot on the map
  • Enabled users to search for destinations and receive route directions from their current location
  • Collaborated closely with backend developers to integrate frontend features with real-time location data, enabling geolocation tracking and route rendering.

How to get routes (still on progress for UI)

  • Get a route directions from your current location
    • Type destination on the search bar, then hit “Enter”
  • Get a route from custom starting point to destination
    • Click “direction” button, then type the destination on the search bar and the starting point on the secondary search bar
    • hit “Enter”