Skip to content

A web app that provides real-time parking information and navigation in Taipei. Developed in the 2024 Hackathon, selected among the top 12 teams out of 55, and awarded 3rd prize.

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 that provides real-time parking information and navigation in Taipei. Developed in the 2024 Hackathon, selected among the top 12 teams out of 55, and awarded 3rd prize.

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%