I implemented a responsive Reddit API viewer using Sass/CSS, HTML, jQuery, and AJAX. The viewer loads data through asynchronous HTTP requests, and displays photos, titles, authors, timestamps, and view counts of subreddit posts on cards in a grid layout. For this demo, when different website sections are clicked, the app loads new posts.
I implemented the front-end (styles, layout) and back-end (Passport user authentication/security, MongoDB setup, Express routes, and Heroku deployment) of a CRUD gallery web application. The CRUD app allows users to Create (add new photos), Read (view photos), Update (edit photos/descriptions), and Delete photos stored in MongoDB.
Test out the admin panel using user: “crunkitekt” and password: “123123”.
MeMote: Mobile mood and personal metrics tracking app
A few months after keeping track of personal metrics on an Excel spreadsheet, the data became unwieldy, and I wanted a nice way to visualize and look back at personal metrics from the previous weeks/months/year. I wanted to find out two things: (1) how my mood corresponded with days of the week/specific events occurring during a selected timespan, and (2) how my responses have changed to 5 questions I asked myself daily.
A year from now, I wanted to be able to reflect on these 5 questions:
(1) What was the best thing that happened today (my wins/successes)?
(2) What could have gone better (what did I learn, and resolve to do better next time)?
(3) What is the most important thing I must accomplish tomorrow?
(4) What is something new I can try tomorrow (expanding my experiences)?
(5) Who are the most important people in my life, and what am I doing for them now?
Different users might have different questions they want to keep track of. Currently, I have the questions pre-set, and when I answer them question-by-question, they get entered into MongoDB. When the user views the Stats page, their mood ratings for the past few days are rendered in a line graph, and logs of their responses for each question are listed. (Later I wish to implement word clouds and other visualizations based on linguistic analysis).
I implemented MeMote's front-end (Ionic framework, Sass/CSS, HTML, Angular, Chart.js, and Moment.js) and back-end (Node.js, Express, and MongoDB).
#Awkward: Global Game Jam Hackathon 2015
“Hashtag Awkward” is Cards Against Humanity for awkward situations. Our game was the Global Game Jam 2015 Hawaii 1st Place Winner.
Dodge: AT&T Mobile Hackathon 2015
Dodge is a mobile app that aims to help Oahu citizens avoid daily traffic based on the Honolulu City & County's island-wide events RSS feed. Our app was the AT&T Mobile App Hackathon 2015 Hawaii 1st Place Best UI Winner.
My three-developer team built the app in 24 hours. I developed wireframes and implemented the UI/front-end using Jade, CSS, Ratchet, jQuery, and Esri.
The app accesses the RSS feed, reads off the parsed RSS feed data from a MongoDB database, renders the data as an interactive Esri map/data visualization, and displays this map and selected RSS feed data on the app.