My Projects

Android

MusicRecog

(August 2016)

• An Android app that recognizes music and determines a song’s complexity using machine learning
• Used Gracenote’s Android sdk for music recognition and Spotify’s web API and ChartLyrics for song information
• Determined a song’s complexity based on a machine algorithm trained with data collected from MusicBrainz and Spotify
• Improves user experience by including widget support to display a list of recognized songs
• API is implemented using Flask and deployed to Heroku
• Technologies Used: Gracenote, AdMob, Google Identity, Scikit-Learn, Flask-RESTPlus
• (Download Link)

 

 

Football Scores

(January 2016)

• An app that tracks current and future football matches with collect widget support. (Github)

Alexandria

(January 2016)

• An app for book listing with barcode scanning ability.(Github)
• Barcode library: zbar 1.8.2

Cardboard

(December 2015)

• An app for viewing 3D images, videos and panorama images using Google Cardboard.
• Implemented a simple PhotoSphere using gyroscope sensors for viewing panorama images.
• Implementation is detailed in this blog post: link
• Github
• Please also refer to the Matlab section below

HKTrafficMap

(November 2015)

• An app showing traffic images provided the HK Government using Google Map API with Text-to-speech support
• Github

PopularMovies

(October 2015)

• An app for discovering the most popular movies playing with responsive UI.
• Implemented a database for offline viewing and storing user favorites and history.
• Github
  
  
  

Sunshine

(October 2015 - January 2016)

• An app I created by following along the Udacity course: Developing Android Fundamentals
• Github

Web Design

Kevgular-SPA-Framework

(2016)

• A sample Angular responsive SPA framework. It is a feature-rich menu system with menus, dashboards and widgets. Angular-gridster was used to create a dashboard and widget system. All the components are packaged using Gulp so they can be used in any Angular application.
• Live Demo (Heroku)
• Github

 

Angular-Event-Registration-Sample-Website

(2016)

• This project is a sample application demonstrating a more fully developed realistic single page Angular application.
• Features:
• This is a maintainable and testable single page application created using AngularJS.
• Lots of AngularJS markup and expressions, controllers, built-in and custom services, and custom elements and directives are used and created.
• A bunch of tests are also written using Karma.
• End-to-end testing is conducted with Protractor
• Github

Angular2-Product-Management-App

(2016)

• A sample product management app built when I was learning some basic of Angular 2.
• Github

Show Tracker

(January 2016)

• A TV show tracker built with AngularJS, Express, Passport and MongoDB.
• Github
• Demo: http://showtrackev.herokuapp.com/

Kevdit

(January 2016)

• A Reddit clone created using AngularJS for educational purpose in my FYP.
• Demo: https://kevdit.firebaseapp.com/
• Github

InstagramClone

(January 2016)

• A clone of Instagram built with AngularJS, Express, Satellizaer and MongoDB. (Github)
• Demo: https://instagrandpaa.firebaseapp.com/#/

RxJS

Earthquakev

(2016)

• A website that tracks the current earthquakes all over the world while showing related tweets.
• This app is built entirely using RxJS.
• Github

React

React-Flux-Course-Website

(2016)

• A website that tracks the current earthquakes all over the world while showing related tweets.
• This is a sample course web application built mainly using React and Flux following a course on PluralSight.
• Github

React-Play-Nine

(2016)

• A game of Play Nine implemented using ReactJS.
• When the game starts, you get a random number of stars between 1 and 9 and you have the set of numbers in the bottom frame that you can use. You can select one or more numbers that would sum up to the value of the random stars. The objective is to use all the numbers in the bottom frame. If you end up with a number of stars that has no possible correct combination then you get to redraw and you can do that five times. After that, if you still end up with a number of stars that has no possible correct combination out of all the remaining numbers, then you lose the game.
• Live Demo
• Github

React-Chat

(2016)

• A real-time React chat app built with Flux, Webpack, Firebase and MaterialUI
• Github

Vanilla Javascript

My-jQuery

(2016)

• My own implementation of jQuery.
• A bunch of tests written using qunit and a sample widget are included in the repo to prove my jQuery actually work.
• Github

My-jQuery

(2016)

• My own implementation of jQuery.
• A bunch of tests written using qunit and a sample tabs widget are included in the repo to prove my jQuery actually work.
• Github

Convoy's Game of Life

(2016)

• An implementation of Game of Life implemented using only natice Javascript + HTML +CSS.
• Live Demo
• Github

Sample Responsive Portfolio Webpage

(2016)

• A sample responsive webpage for anyone who want to make a personal professional profile online.
• This webpage is the result of a tutorial I did for my friends who are from non-engineer fields. 
• (Better look at the dmeo instead of the screenshots)  
• Live Demo 
• Github

PHP

Sample Company Website

(2016)

• A responsive site built from scratch by prototyping directly in the browser with responsive images, videos, icons, maps, videos and off-canvas menus using PHP and several other Javascript plugins.
• Github

Auth-Website

(October 2015)

• A website with authentication I built with CakePHP for a tutorial in my FYP. (Github)
• Tutorial

Kevlog

(October 2015)

• A simple blog website I built with CakePHP for a tutorial in my FTP. (Github)
• Tutorial

Matlab

Cardboard 

(December 2015)

• Wrote code to generate stereoscope images and videos using DIBR Algorithm.
• Github
• Please also refer to the Android section above.

Color-Transfer-Contrast-Preserving-Decolorization

(November 2015)

• Wrote code for color transfer: transferring the color and tone of a photo to another one.
• Wrote code for decolorization: the process to transform a color image to a grayscale one.
• Github

Prokudin-Gorskii

(October 2015)

• Wrote code for colorization of the Prokudin-Gorskii collection with whitebalancing.
• For more detailed explanation, please refer to the Github repo.
• Example:
• source image (left) & result image (right):
   

Python

Neural Network

(December 2015)

• A feed-forward-back-propagation neural network with two hidden layers
• Github

SimpleSearchEngine

(August 2015)

• A simple search engine project I created to learn the PageRank algorithm in the Udacity course: Intro to Computer Science
• Github

C/C++

SimpleFTPServer

(January 2016)

• A simple FTP server and client written using C that have authentication/list directory/download/upload functions.
• For more details, refer to the Git repo.

Prolog

TutorialTimeSlotScheduler

(November 2015)

• A Prolog program which is capable of proposing the least number of tutorial time slots to ensure every student can attend at least one tutorial and every tutors can attend all the tutorials.
• For more details, refer to the Git repo.