PROJECTS
Vibesphere
Screenshot of Project
  • Find songs similar to those you already like, vote for your favourites, make and share playlists, and see what others are searching!
Live|Github
Tech : MongoDB, Express, React, Node, Spotify API, Machine Learning, Material-UI
🧠 LEARNINGS
  • Understand the team's strengths and weaknesses, and leverage interests within each person
  • Test regressively, stuff might randomly break... (and ideally have automated tests)
  • Environment variables are your friend
  • Machine learning algorithms are complicated
  • MongoDB schemas are very versatile, quite easy to manipulate and query

UBC Course Explorer
Screenshot of Project
  • Put in complex JSON queries to check against UBC Course and Room information
Github
Tech : Typescript, Express, Svelte
🧠 LEARNINGS
  • Knowing the parameters, expected inputs and outputs, and edge cases is critical
  • Understand the problem very carefully before you proceed
  • Make careful and meaningful changes when debugging

Video Game Awards Database
Screenshot of Project
  • Check database information about Video Game Awards and Awards Ceremonies
Github
Tech : Java Swing, Mockito
🧠 LEARNINGS
  • Have a good fundamental understanding of the data you're trying to represent (draw it out! ER diagrams!)
  • Read the specifications of a project carefully
  • Test, test, test!
  • Protect your database from malicious users, paramaterize and prevent SQL injections

Inventory Tracker
Screenshot of Project
  • Inventory your personal belongings to make better use of them
Github
Tech : Java Swing, Mockito
🧠 LEARNINGS
  • Automated tests and test-driven development are important
  • General OOP principles and best practices
  • Planning the scope of the project ahead of time makes a significant impact
  • Implemented CRUD operations, and used JSON to persist data locally
  • How to create a terminal application first to validate logic, before building the GUI

BCSSA Website
Screenshot of Project
  • A sample website for my student association at UBC
Github
Tech : MongoDB, Express, React, Node
🧠 LEARNINGS
  • Successfully deployed a full-stack MERN project!
  • CORS is tricky...
  • It's hard to work with old NPM packages that are no longer supported and buggy

Walk Weather Check
Screenshot of Project
  • Should you go on a walk, or stay inside? Checks your local weather!
Live|Github
Tech : React, Tachyons, APIs
🧠 LEARNINGS
  • Interesting trying to implement two different APIs (IP Address and Weather), especially when they rely on each other for conditional behaviour
  • Learned how to use hooks, and passing props between components better
  • Adblockers can be mean (UBlock Origin kills the API call)
  • The difference between APIs that support http and https, the free OpenWeatherMap API doesn't support https (unfortunately)