Past Projects

Shopit

An e-commerce site project with multiple implementations.

  • React
  • Redux/MobX
  • TypeScript
  • Bootstrap
  • React Styleguidist
LiveCode

Redux Code Generator

An application to generate redux code and unit tests based on initial states.

  • React
  • Redux
  • TypeScript
  • Bootstrap
LiveCode

Generative Arts

Generate artistic effect with code

  • React
  • canvas
Live

Kreloses Mobile

Business application for daily operations of service business. UI and interactions are designed and optimized for mobile browser.

  • React
  • Redux
  • Redux Thunk
  • Redux Saga
  • TypeScript
  • Jest
  • webpack
  • Material-UI
  • React Bootstrap
  • SCSS
Live

Real Quiz

A polling application that allow instructors to give polling and get real-time polling results.

  • Angular
  • Angular Material
  • Firebase (Firestore & Auth)
  • RxJS
  • TypeScript
Live

Shopping Cart

A simple shopping cart that demonstrates client side calculation for complex discount rules. The site implements material design without third-party library.

  • React
  • Redux
  • Redux Thunk
  • TypeScript
  • Jest
  • webpack
  • SCSS
  • NodeJs
  • ExpressJs
  • Mongoose
  • MongoDB
Live

Wizard Form

A step-by-step form that used advanced React Patterns, e.g. Compound Component and Higher-order Components.

  • React
  • Jest
  • webpack
  • SCSS
LiveCode

Vue Movie App

A site to view popular movies. The data is retrieved from TMDb.

  • Vue
  • Vuex
  • Vue CLI
LiveCode

Malaysia Employment Data Visualization

Data visualization based on employment data from Department of Statistics Malaysia

  • D3.js
  • React
  • webpack
LiveCode