Past Projects

Shopit

An e-commerce site project with multiple implementations.

React
Redux/MobX
TypeScript
Bootstrap
React Styleguidist

Live Code

Redux Code Generator

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

React
Redux
TypeScript
Bootstrap

Live Code

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

Live Code

Vue Movie App

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

Vue
Vuex
Vue CLI

Live Code

Malaysia Employment Data Visualization

Data visualization based on employment data from Department of Statistics Malaysia

D3.js
React
webpack

Live Code