My web development showcase

Angular

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