Web Development & Design

TensorShade is a machine learning app I made that uses Tensorflow.js, React, and Parcel to best match makeup foundation shades from various beauty brands to images of skin tones.

I used the dataset from the-pudding for their Beauty Brawl essay published in June 2018, which explores how inclusive beauty brands are around the world.

You can view the deployed app here: TensorShade

Or visit my GitHub repo to see the code and clone/fork it for yourself!

Screenshot:

All The Feels is a machine learning web app that demonstrates the concept of transfer learning by using ml5.js and the already pre-trained model of MobileNet. The concept is to train your computer how to recognize different human emotions via the webcam by categorizing facial expressions with the emoji buttons the user clicks on to train the model with.

You can view the deployed app here: All The Feels

Or visit my GitHub repo to see the code and clone/fork it for yourself!

Screenshot:

This was my project for Udacity’s Mobile Web Specialist Nanodegree Program. I was awarded by Google to take this program for free as part of the Grow with Google Developer Scholarship Program I had applied for.

The app is a fully functional progressive web app that utilizes responsive design, accessibility, service workers, indexedDB, local storage, Google Map API, and more. A user can favorite a restaurant as well as submit a restaurant review while both online and offline. Please visit my GitHub repo to download the app yourself and try it out.

Certificate

Screenshots:

A chart editor I built using vanilla JavaScript, Bootstrap 4, and C3.js, a chart library for D3.js. It was used as part of a project I worked on for a client. Although this is just the prototype version, the editor is still fully functional. For more information, please visit my GitHub repo or try out the deployed version.

App: C3 Chart Editor

Screenshot:

C3 Chart Editor

UI/UX designs and logos I created for Next Player Up, an upcoming videogame review website. I used a combination of Adobe Photoshop, Illustrator, and XD (beta).

Screenshots:

A website I built from scratch about a fake cherry blossom festival event. I used HTML, CSS, Bootstrap 4, animate.css library, animsition, slick, and vide jQuery plugins:

Website: Cherry Blossom Festival

Screenshots:

A small app that retrieves data from a user’s PlayStation Network profile and displays it in a gamer card. I used Node.js and an NPM module called PSNjs along with simple HTML & CSS to make this.

App: PSN Gamer Profile Card

Screenshot:

A Twitter bot I made using Node.js and Petfinder’s API. Every hour, the bot promotes a random pet by tweeting its name and a link to its adoption post on Petfinder.

Twitter Bot: Petfinder Bot

Screenshot:

An English website I was commissioned to design for a Japanese company called Global Media Corporation. I used HTML, CSS, as well as Photoshop for the graphics, to create the layout for the site.
Website: GM Group English Website

Screenshot:

Global Media Coporation