Piermont

Built with static website generator Jekyll. Fully responsive with unique custom grid. In footer, Google MAP API timezone data was implemented to calculate Piermont Retreat's (Tasmania) local time including day-light saving and Yahoo weather API was employed to report weather. Images are presented with elegant fade-in effect when users scroll down.

  • JavaScript
  • Ajax
  • Sass
  • HTML
  • CSS
  • Jekyll
  • Git
  • Gulp
  • NPM
  • Modernizr
  • Google Map Timezone API
  • Yahoo Weather API
  • Responsive Web
  • Performance Optimisation
View website

Ratpak

Fully responsive custom-made design WordPress WooCommerce theme. Smooth products filter animation to filter product categories in shop page. Unique fixed-position product information layout sitting aside gallery. Footer fitted with ajax mailChimp sign-up form.

  • JavaScript
  • jQuery
  • Ajax
  • Sass
  • HTML
  • CSS
  • PHP
  • WordPress
  • WooCommerce
  • Git
  • Gulp
  • NPM
  • Responsive Web
  • Performance Optimisation
View website

Monash - answers international

Static website built with Pug templating engine with multiple language translations. Automated NodeJS task-running script made to input all translations in single JSON file. Pop-up video is dynamically generated to match user's currently selected language. Custom-made form validation and animation for submitting interests in applying for admissions at Monash, which synced with FormStack form tracking.

  • JavaScript
  • jQuery
  • YoutTube API
  • Ajax
  • Sass
  • CSS
  • HTML
  • Pug
  • Git
  • Gulp
  • NPM
  • NodeJS
  • Responsive Web
  • Performance Optimisation
View website