Past Projects

Dark Mode

Redux Code Generator

description
An application to generate redux code and unit tests based on initial states.
technology/library
  • React
  • Redux
  • Typescript
  • Bootstrap
Demo of Redux Code Generator

Kreloses Mobile

description
Business application for daily operations of service business. UI and interactions are designed and optimized for mobile browser.
technology/library
  • ReactJs
  • Redux
  • Redux Thunk
  • Redux Saga
  • Typescript
  • Jest
  • Webpack
  • Material-UI
  • React Bootstrap
  • SCSS
Demo of Kreloses Mobile

Real Quiz

description
A polling application that allow instructors to give polling and get real-time polling results.
technology/library
  • Angular
  • Angular Material
  • Firebase (Firestore & Auth)
  • RxJS
  • Typescript
Demo of Real Quiz

Shopping Cart

description
A simple shopping cart that demonstrates client side calculation for complex discount rules.
The site implements material design without third-party library.
technology/library (frontend)
  • ReactJs
  • Redux
  • Redux Thunk
  • Typescript
  • Jest
  • Webpack
  • SCSS
technology/library (backend)
  • NodeJs
  • ExpressJs
  • Mongoose
  • MongoDB
Demo of Shopping Cart

Wizard Form

description
A step-by-step form that used advanced React Patterns, e.g. Compound Component and Higher-order Components.
technology/library
  • ReactJs
  • Jest
  • Webpack
  • SCSS
Demo of Wizard Form

Vue Movie App

description
A site to view popular movies.
The data is retrieved from TMDb.
technology/library
  • Vue
  • Vuex
  • Vue CLI
Demo of Vue Movie App

Malaysia Employment Data Visualization

description
Data visualization based on employment data from Department of Statistics Malaysia.
technology/library
  • D3.js
  • React
  • Webpack
Demo of Malaysia Employment Data Visualization