Yelp Business Search

A responsive full-stack single page web application with frontend constructed in Angular and backend constructed in Node.js. User can search for business keywords with the aid of an autocomplete function, set distance and category, manually input or have the app auto-detect user location. A list of business fetched from Yelp fusion API will be returned, with business details, picture carousel, google map location and reviews available. User can also make an reservation through reservation form and have the info stored in local storage. The app is partially deployed on Google Cloud Platform.


Live web page demo


  • Angular
  • TypeScript
  • Bootstrap
  • Node.js
  • Express
  • Google Cloud Platform

My Movie Base

A responsive full-stack single page web application with frontend constructed in React and backend constructed in Node.js. Token authroization and user autehntication are implemented for data security. Fetching movie and user data from a MongoDB database, the app allows users to sign up and renders fetched data in neatly designed Bootstrap layout upon login. User can also search for a movie, add movies to or remove movies from their favorite list which is displayed on the personal profile page. Access to updating user info or deregistering a user is provided too. The app is partially deployed on Heroku.


Live web page demo


  • React
  • JavaScript
  • Bootstrap
  • Node.js
  • Express
  • Passport
  • JWT Token
  • MongoDB
  • Heroku

Pokédex

Fetching data from an API for all the pokémon, this project incorporates JavaScript and Bootstrap to provide a simple database for looking up pokémons, with pop-up modals to display detail when the view details button is clicked.

  • HTML
  • CSS
  • Javascript
  • Bootstrap

PingPong Score Keeper

You can keep track of score change in a PingPong game here by setting a winning score, increment each player's score until one wins and reset for a new game. This app is written in JavScript and styled with Bulma.

  • HTML
  • JavaScript
  • Bulma

To Do List

Written in jQuery, this is a web app for you to add, delete, cross out and drag to reorder items in a to-do list.

  • HTML
  • CSS
  • Javascript
  • jQuery

UX/UI Design Works

If you're also interested, here are my works in UX/UI which include research, design and development in web and mobile applications.

  • Figma
  • FigJam
  • WordPress
  • Amazon MTurk