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

MRI PRO (Beta)

A web app to help improve radiologist's skills to diagnose prostate cancer by reading through MRI case studies with quizzes. Users may purchase for full MRI cases access via Stripe. Built with Vue.js, Vuex, Vue Material Design with WordPress REST API serving as headless CMS providing data. The app processes payment via Stripe API. Custom DICOM viewer was built using DWV in communication with AWS S3 to host DCM files. Site is only meant to be used in Desktop and Tablet, mobile optimisation was not required. Staging is hosted on Digital Ocean droplet.

  • JavaScript
  • Vue.js
  • Sass
  • HTML
  • CSS
  • Material Design
  • Git
  • NPM
  • Webpack
  • Stripe API
  • AWS S3
  • AWS
  • Digital Ocean
Try demo

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