Portfolio

About me
  • A fortune teller machine with floating zoltar image and coin slot animation

    Zoltar Speaks

    What do you wish for? Navigate through the maze and get a piece of advice from Zoltar. Inspired by movie Big(1988).

    • React
    • REST API
    • CSS Grid
    • Firebase
    • Group-programming
    • Responsive design
    View Live GitHub
  • A CSV file parser featuring green and grey table rows

    React CSV Reader

    Parse and display .csv files with data sorting and pagination.

    • React
    • JavaScript
    • HTML
    • CSS
    • Responsive design
    • npm
    View Live GitHub
  • A e-commerce store-front featuring a woman with earring.

    Earring in the Name

    An e-commerce website featuring real-time inventory update and a functional shopping cart.

    • React
    • JavaScript
    • Firebase
    • HTML
    • CSS
    • Responsive design
    View Live GitHub
  • The game features a blue gameboard, finger as moles and kitten paw as mallet

    Kung Paw Kitten

    Classic Whac-a-mole game with a cute twist. How many finger you can catch in 15 seconds?

    • jQuery
    • JavaScript
    • HTML
    • CSS / SCSS
    View Live GitHub
  • The app features a rainbow gradient background and colorful bar chart

    Metropolist

    Compare the quality of life between two major cities, and see how they score on aspects such as housing and cost of living.

    • jQuery
    • REST API
    • HTML
    • CSS / SCSS
    • Pair-programming
    • Mobile-first
    View Live GitHub
  • The app features a golden color scheme and poop emoji

    Dad Joke Generator

    Fetch a random dad joke, or search joke by keyword.

    • REST API
    • Vanilla JavaScript
    • Firebase
    • HTML
    • CSS
    View Live GitHub
  • The PSD conversion features an ocean theme and cruise related photos

    Boat Ride Adventures

    A multi-page PSD conversion with responsive design.

    • HTML
    • CSS / SCSS
    • Zeplin
    • Responsive design
    View Live GitHub