Demostration

The goal of the application is to highlight a lot of the different features offered by AngularJS and demonstrate how they can be used together with TMDb API. Movie Movie provides the list of movies playing that have been, or are being released this week, the list of popular movies on TMDb, the list of top rated movies, and the list of upcoming movies by release date which refreshes every day.

I learned how to combine a template and a controller together into a reusable and isolated component, how to use Angular's $http service with TMDb API in a controller for making an HTTP request to fetch the data in TMDb,  how to build an application that has multiple views by adding routing using ngRoute, and how to create a custom filter.

UI/UX TMDb API AngularJS AJAX ngRoute Custom Filters JSON Responsive Bootstrap Git

Smoking Cessation Application Prototype

ACCAD, The Ohio State University

MyQuit Diary is a cell phone application developed to provide smokers the abilities to share their diaries with friends, record the progress, and see the achievement in order to assist them to quit the habit. Users are able to create diaries with images and text. They can like each others' posts and leave comments as encouragement. Moreover, users can track how many times they have smoked or resisted. The app will forbid users reading new comments temporarily as punishment if they smoked too much. MyQuit Diary also provides the ability to link with other social media accounts.

After a prototype of the application was built, I conducted a usability test with Flinto which allows people to test the prototype on a real device. During the test, the subject was asked to complete five tasks in a sequence in the application. The interaction between their finger and the screen was video-recorded for later analysis. A few questions based on their experience were also asked to get a sense of their satisfactions and expectations.

UI/UX Illustrator Sketch Flinto

4D-Project Management System

Buckit Media, Columbus, Ohio

I participated in couple projects during my internship in Buckit Media. 4D, a project management system, is an internal web application hosted on SharePoint Server for team organization, task assignment, file sharing and discussion board. I mainly took charge of the implementation of CRUD operations using AngularJS. I also took part in developing organization overview and project details pages based on designer mockups. Other projects are listed below.

University of Findlay
Created forms using Nintex Forms and built Nintex Workflow on SharePoint.
Wendy’s
Implemented a responsive intranet based on mockups.
Adoption Circle Created site columns, content types, and lists based on the relationship from Visio Diagrams.

AngularJS Responsive Bootstrap SharePoint Designer Nintex Form

Rehab on the Go

Nationwide Children's Hospital, Columbus, Ohio

My capstone group teamed up with Nationwide Children's Hospital to implement a system to make rehabilitation for injured athletes easier. My role was main client contact and developer.

We designed content management system for trainers to create and store reusable exercises and plans. The app also supports uploads of media such as pictures or documents. Moreover, we implemented roles and permissions. For example, trainers can create patients assigned to themselves, admins can create and manage all user roles. Last but not the least, our goal was to provide an intuitive experience for both trainers and patients. To accomplish this, we strived to make common features visible and accessible, as well as make use of familiar UI patterns.

UI/UX Balsamiq Meteor MongoDB Responsive Bootstrap AtmosphereJS Git