NoZ

Taiwan Travel Guide

2021/10 ~ 2021/12

Used JavaScript to fetch open data APIs provided by Taiwan’s Ministry of Transportation. Implemented AJAX requests using Axios. Built a map with Leaflet.js using OpenStreetMap, and integrated location tracking using the Navigation Web API.

Taiwan Travel Guide image

Tech Stack

HTMLCSSJavaScriptaxiosLeafletOpenStreetMapNavigation Web API

Project Introduction

"Taiwan Travel Guide" is a final project I completed for the "Web Design" course in the first semester of 2021. The frontend was built using HTML, CSS, and JavaScript.

This project offers travelers an integrated platform to explore attractions, food, events, and transportation information across Taiwan. An interactive map feature was also implemented, allowing users to locate bike rental stations by city. (Note: Due to changes in government APIs, most data is no longer available.)

Project Links

Key Features

  • Integrates popular attractions, events, and food/accommodation info from cities across Taiwan
  • Implements keyword search and city filtering using data from the Ministry of Transportation API
  • Interactive map built with Leaflet and OpenStreetMap to display bike rental stations
  • Events are sorted using the Bubble Sort algorithm to show the latest updates
  • Displays a prompt page when no search results are found

Additional Notes

Presentation Slides