This is a standard weather app compatible with all modern day browers. The core features of this web app: weather display and forecasting is implemented using HTML5, CSS3 and JavaScript. The weather data is retrieved from OpenWeatherMap using JavaScript AJAX with JSON.

Responsive web design

• top-down mobile first appoarch
• utilizing CSS3 @media query to set breaking points for mobile phones, tablets, large and ultra large screens

This web application is developed during my 4th year undergraduate study at Ryerson University, this app might be acceptable as a school project but as a software product, its still very amature. So, I am currently working on new feature such as auto complete search, Geolocation detection and adding CSS3 animation to its UI/UX.

This app is not currently on a live server, however the project is available on GitHub for review, and I welcome any contributions and feedbacks

This is a personal side project that I have started a year ago, it was originally a desktop application written in Java by utilizing Swing GUI widget toolkits. But now, this app is written using JavaScript and Java Spring,consequently, the app has become more accessible and modernized in term of its GUI.

Core Features

• digital painting and image sharing
• multi-user-real-time image editing

Core Technologies

• HTML5 Canvas: the drawing panel
• Web Socket: bi-directional communication between client and server
• AJAX: communcation method for client when web socket is turned off

Front-end: HTML5 Canvas, CSS3, Bootstrap 2, JavaScript (JSON with AJAX, web socket API, jQuery)

Back-end: Spring (Boot, web socket with STOMP, RESTful web service, Data JPA with Oracle)

Project is available for review on GitHub , however, the application is currently not live due to my resource limitations

The purpose of this online portfolio is to promote my work and gain exposure as a web developer. The theme of this website is black and white, following the minialist design principle to kept everything clean and simple.

Core Technology: HTML5, CSS3 and JavaScript(jQuery)

I am still a noob in website design/front-end development, while doing this project, I went through works of other more experienced web designer, and I was stunned and inspired by some of their work. So I want to give them a shout out.

• BeFunky: an online phote editing app
• Hover.css: open source code for CSS3 animation
• LogoMakr: Online logo making tool
• Martin Grand: I like his idea of box shadow effect
• Cihad Turhan: A stunning web portfolio, my inspiration to use CSS3 and jQuery animation for this project
• Jeff Glenn: I was inspired by his work on timeline

An Website that displays an random YouTube Video that is currently trending and offers an advance search feature that enables user to search videos base on attribute such as likes, dislikes, view counts and cateogry. Enter website.

This website is a final course project for Web Application Development II at Ryerson Unveristy and it is done in team of 6. My role in this team is Back-End Java Developer, my duties were:

• handling server-side configuartion
• building RESTful endpoints that handles HTTP request asynchronously
• handling database connection and CRUD operations
• Application Deployment

Front-end

• HTML5, CSS3, JavaScript, Bootstrap 2

Back-end

• Java Spring Boot and Spring RESTful web service framework
• Database: Spring Data JPA with MySQL
• External API: Google API Client library for java
• Hosting Service: Amazon AWS (Elastic Beanstalk)