Projects


DYNAMIC PAGES

Title Description Technology used Source
Finance app

Enhancement of mint.com app to view categorized monthly breakdown

React.js GitHub
Shooting Game

Enter into a tank battle with others online

Socket, jQuery, Express.js GitHub
Bookmarks

uses React.js with Flux pattern to create, delete and like a website link. Data is persisted on server memory per user session, defined by its IP address.

React.js, Flux, Node.js, Express.js, jspm GitHub
User Auth Template

implements a user login module by using cookie authentication and stores user info in a Mongo database

Node.js, Express.js, MongoDB, Jade, jQuery, AJAX, Bootstrap, bcrypt, cookie auth GitHub
Contacts List

implements a contacts management list using a JSON file on a Node server on Heroku. Uses a Bootstrap modal dialog.

Node.js, Express.js, Jade, jQuery, Bootstrap, JSON GitHub
Tags and Links

stores and lets you manage weblinks by naming them and tagging them

Markdown Converter

uses a node package called 'marked' to convert markdown text to html. Text is sent to a Node server on Heroku.

Node.js, Express.js, Jade, jQuery, Bower GitHub
Social Login

Angular.js, Satellizer (Token-based Angular.js authentication), JWT, moment.js

STATIC PAGES

Title Description Technology used Source
Pixel perfect UI mockup

was developed according to specific user specifications detailing down to specific pixels

Angular (custom directive & AJAX), jQuery, Bootstrap GitHub*
Star Wars API

uses Star Wars API to list characters by their home planets

Angular (custom directive & AJAX), HTML, CSS, Javascript GitHub
Calculator

implements a web version of a handheld calculator using finite state machine

jQuery, Javascript, HTML, CSS GitHub*
Towers of Hanoi

is a famous computer science puzzle involving moving discs

jQuery, Javascript, HTML, CSS GitHub*
To Do List

implements a simple todo list (non data persistent version)

jQuery, Bootstrap, Javascript, HTML, CSS GitHub*
Contacts List implements a contacts management list using browser's local storage jQuery, Bootstrap, Javascript, HTML, CSS GitHub*
Weather

uses Weather Underground API to get current user's location and reports current weather condition along with 4-day forecast

WeatherUnderground API, jQuery, AJAX, Bootstrap, Javascript, HTML, CSS GitHub*
Pokemon uses Pokemon API to return information about a Pokemon character Pokemon API, jQuery, AJAX, Bootstrap, Javascript, HTML, CSS GitHub*

*Note: branch 'gh-pages' has the latest update