Skip to content

A web app provides real-time parking information and navigation in Taipei. Achieved 3rd place at the 2024 Taipei Hackathon, winning a prize of NT$100,000. Selected for integration into Taipei City’s official “TownPass” app, which boasts tens of thousands of downloads.

Notifications You must be signed in to change notification settings

vaclisinc/vaclis-TownPass-Services

 
 

Repository files navigation

ParkFlow - TownPass Services(找車位——台北通微服務)

ParkFlow is a web-based application built with Vue3 and Vite, designed to make parking in Taipei more efficient and user-friendly by providing real-time parking information and assistance.

This project was developed during a 24-hour non-stop Taipei Hackathon, where we were selected as one of the top 12 teams out of 55 entries. We proudly secured third place, winning a prize of NT$100,000.

ParkFlow Preview

Features

  1. Real-time Data Pipeline Integrates with external sources such as the Taipei parking API to deliver up-to-date parking availability for different parking grids in Taipei.

  2. Parking Area Notifications: Notifies users about parking duration and fees to help avoid penalties, ensuring they remain informed throughout their parking period.

  3. Yellow Line Service: Assists users with parking near yellow lines, adapting to traffic conditions. Provides a 3-minute buffer alert during peak hours and offers guidance on maximizing yellow line parking during off-peak hours where permitted.

Demo

For a behind-the-scenes look at our journey, including the development process, final presentation, and award ceremony, check out our YouTube vlog.

Technologies Stack

  • Vue 3: Front-end framework for building user interfaces.
  • Vite: Fast development server and build tool for modern web projects.
  • Flutter: Enables bi-directional communication between the web application and mobile devices for notifications and GPS functionality.
  • Mapbox: Provides interactive maps and location services to help users find parking spots and navigate to them easily.
  • Real-time Data APIs: Integration with Taipei parking API and other external data sources to provide current parking information.
  • Notifications & GPS: Supports two-way communication with Flutter for sending notifications and receiving GPS data, ensuring a seamless user experience across web and mobile platforms.

Getting Started

Recommended IDE Setup

Project Setup

Install the required dependencies:

pnpm install

Compile and Hot-Reload for Development

Compile and start the development server:

pnpm dev

Production

Type-check, compile, and minify the code for production:

pnpm build

Linting

Lint the code using ESLint:

pnpm lint

Team Members



Developed with ❤️ by 游松澤 (Yu Song-Ze), 張羿軒 (Zhang Yi-Xuan), 劉力瑋 (Liu Li-Wei), 楊乃昀(Yang Nai-Yun) ,張昀棠 (Zhang Yun-Tang)

Project Team: 嘻嘻的時候,黑客松松澤

About

A web app provides real-time parking information and navigation in Taipei. Achieved 3rd place at the 2024 Taipei Hackathon, winning a prize of NT$100,000. Selected for integration into Taipei City’s official “TownPass” app, which boasts tens of thousands of downloads.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 76.6%
  • TypeScript 21.4%
  • JavaScript 1.7%
  • Other 0.3%