ParkingKit

使用臺北市停車管理工程處公開資料，製作停車位搜尋app

Demo

Tech Stack

React 18
React Router v6
圖資 OpenStreetMap
Leaflet + react leaflet

Features

可分為以下區塊：

地圖

• 點選按鈕即可定位當前位置
• 搜尋地標找附近停車場
• 點選停車場可快速查看價格、名稱、剩餘汽車車位、是否營業
• 點選停車場詳細資訊按鈕，可查看
  • 停車場計費說明
  • 汽車停車位剩餘數量
  • 機車停車位剩餘數量
  • 營業時間
  • 聯絡電話

Project setup

npm install

Compiles and hot-reloads for development

npm start

Compiles, minifies and deploy for production

npm run deploy