Interactive Foodie Tour Guide: Best Pizza in NYC

I've always enjoyed creating projects based on my interest, especially when it comes to food. I remember there was this one time I had a deadline to present a new 2-week project for Major Studio, and I had sudden cravings of NYC pizza. You know, just that plain classic cheese slice that just got out of the brick oven, its size so big you have to eat it like the locals: by folding it half-way so it's easier to eat and also to prevent all the yummy oily drips from getting out of place. Guys, the pizzas in NYC are serious business. If you live in NYC without ever exploring its pizza scheme, someday it will probably be your biggest regret when you're leaving this city. 

Read More…
Main Image

Explore Music using Spotify Web API

Last week I played around with Spotify Web API and made something really simple: Music Explorer. Just type any artist, album, or songs in the search box and it will display relevant results depending on the query. When you click on each tile it will play a 30-second preview of related song. You can also click the 'Play on Spotify' button and it will launch the Spotify web player on a new window.

Read More…
Main Image

Mapping, Tracking, and Recording for 72hrs Project

Next project after 7x7 from Sven is to map, track and record something for straight 72 hours and then process the data into some other form - it could be data visualization, web, audio, video, timelapse, program, etc. I decided to record myself, all of my activities: what I eat, what I drink, where do I go, what do I do, how long do I sleep, how many times I peed, and some other basic stuff. So here it goes, I made an interactive web timeline using Timeline.js and Isotope JS plugin to present the data from September 6th, 2014 09:00:00 AM to September 9th, 2014 09:00:00 AM.

Read More…
Main Image

7x7 Day 7: Animated Timeline - Being Vegan for A Day

For my last project of 7x7 I had this fun & crazy idea of challenging myself to be vegan for a day. The overall journey is presented into animated timeline which you can see minute-by-minute activities happened during the time. 

Read More…
Main Image

7x7 Day 3: Stop-motion Graphics + Narrative of Mr. Flexible

Based on my previous Day 2 project, for today I decided to do something about Mr. Flexible and give him exactly what he wanted since the beginning: A LIFE. So I made this web page using HTML/CSS/JavaScript to showcase its interactivity using stop-motion graphics, along with narratives of the story behind Mr. Flexible. 

Read More…
Main Image

7x7 Day 1: Infographic "WHY SEVEN?"

The first assignment for our Major Studio 1 class this semester is something that we called "7x7", in which we have to create 7 daily projects in 7 days. There are no rules, no definition, all seven projects can be under one big theme or also can be totally random, it was up to the students. The only constraint is time. We have to move on from one project to another in 24 hours. This is a really challenging exercise but I'll have to do it anyway. 

Read More…