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
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
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
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
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
Vue Movie App
- description
- A site to view popular movies.
The data is retrieved from TMDb. - technology/library
- Vue
- Vuex
- Vue CLI
Malaysia Employment Data Visualization
- description
- Data visualization based on employment data from Department of Statistics Malaysia.
- technology/library
- D3.js
- React
- Webpack
