Stats
Coding Time
Member Since
June 17, 2025
Badges
1Projects
2
Vancouver Transit Tracker
Shipped
ty - Digital Thank You Letters
ShippedActivity
Multiple maps and moving vehicles!
- Added satellite, dark, light, and terrain maps
- Changed the station and stop status to moving points
Looks cooler + has more rapid transit!
- Added lines for each route by using the shapes provided in the data
- Added RapidBus, 99 B-Line, and SeaBus routes, just like the SkyTrain
- Improved UI/UX with custom CSS
- Added location marker (doesn't fully display properly though)
- Added dark mode (doesn't change the map right now)
I got the map working! Next step would be to make the site look better and more interactive, but for now, it shows where the trains are, which I think is really cool!
Vancouver Transit Tracker
I created an interactive map that visualizes Vancouver's transit network, displaying the scheduled positions of SkyTrains, RapidBus, 99 B-Line, and SeaBus based on official TransLink GTFS schedule data. Each of the fast & frequent modes of transit has lines with stations/stops and moving trackers displaying the position of each vehicle.
I was able to make the gratitude letter system fully function on PCs, Android, and iOS devices. In the future, I want to fix the background scrolling image on iPhone, and see how I could get the words from each paragraph appended instead of entire paragraphs being appended to the pages.
ty - Digital Thank You Letters
I made a cool-looking website which can be personalized and given to people whom I'm grateful for. It displays a thank-you letter which I wrote for them, along with my voice recording and any links they can use to stay in touch with me. I made this website to thank my teachers from high school. It is a static HTML/CSS/JS website that shows paper-textured pages that stack when scrolled, on top of a wooden surface. It works on both mobile and desktop through CSS styling. The paragraphs are put onto pages based on whether they fit when appended to the page through JS. The letters' contents are stored on Firebase, and the audio files are stored on Cloudinary. This project was coded with the help of Cursor AI IDE. I did run into lots of issues with Cursor, but I was able to point it in the right direction since I know HTML/CSS/JS.
This was widely regarded as a great move by everyone.