Applications

Here are the digital stories and experiences I’ve brought to life.


Face-Browser Chrome Extension

A chrome extension that allows users to navigate the web using only face movements as an accessibility feature. The app uses a face-landmark ai model in a TensorFlow backend to achieve the pointer movement.

Stack:
Chrome Extension
TensorFlow
Augmented Reality
Accessibility
WebGL
WASM

Was Not The Impostor

Based on the popular game Among Us, I used DNS wildcarding along with other network configurations to create a site where users could generate their own "eject screens". Simply head to [name].wasnottheimpostor.com to generate a new site.

This project statyed on the front page of the webdev subreddit for about a day, and has been one of my highest trafficked sites.

Stack:
React
Vercel
SCSS

Vocal Codes

An app that allows immobile persons to communicate with morse code using a single input button. This app is Inspired by my uncle, who is now immobile due to an injury. Its features are as follows:

  • Users are able to have input with short and long presses, either as yes/no or in morse code, and have their input translated and spoken to others.
  • A predictive text engine allows for easier sentence construction.
  • The app has adjustable sensitivities so they can be tailored to users with different needs.
  • A high-contrast color scheme is utilized for facilitated reading.
Stack:
React
Node
Javascript
SpeechSynthesis
AWS
EC2
PM2
Express
ARIA
Javascript
Material UI

Chickpeach

Chickpeach is your one stop meal planning, recipe discovery and grocery-management app. Users are able to:

  • Search for recipes and save them to a menu or favorites
  • Input custom allergens and dislikes and have those ingredients never show up in search or the menu
  • Generate custom shopping lists based on selected menu items
  • Adjust meal prepping to accommodate multiple persons, dietary restrictions and popular diets

The app features a clean UI that is WAI-ARIA compliant. Chickpeach is fully responsive and can be taken on the go or browsed as a rich desktop experience.

Stack:
React
React Router
Node
Javascript
AWS
EC2
PM2
Firebase
MySQL
Express
ARIA
Javascript
Grommet
Docker

Web Color Generator

After building a few visual apps, I ran into a consistent issue when generating random colors. There was no quick way to render a list of colors within a certain range. Instead, I often implemented naive solutions that randomly generated web colors, leading to common contrast/visibility issues.

I built this app to generate a list of web friendly colors in either RGB, hex, or HSL based on a line users can draw on a color-wall to ensure color consistency.

Stack:
React
Firebase
Javascript

Shazamazon

Shazamazon is a full stack item description page modeled after Amazon. It is composed of nine individually deployed micro-services that are stitched together in order to architect scalable components with separation of concerns. My major contributions to this project are as follows:

  • Creating the reviews component - a component that has its own front-end, back-end and database to handle review display, review submission, and helpful demarcations. The component also features a profanity filter, is WAI-ARIA compliant for voice-reader access and communicates to other components as reviews are submitted.
  • Scaled the Carousel to handle 10 million items and 1000 RPS by implementing load balancing across multiple server instances.
  • Created a proxy to stitch all nine components together.
Stack:
React
Node
Javascript
AWS
EC2
PM2
MongoDB
Express
ARIA
Postgres

AdVocation

Developed at a diversity hackathon, AdVocation is platform that allows under-represented candidates looking for referrals to find employees looking to refer candidates to their companies. The app features:

  • A portal for a company’s employees to find applicants in the general public looking for referrals, including a shortlist functionality for sorting through candidates.
  • The ability for employees at a company to post jobs.
  • A portal for job seekers to create profiles and look for open jobs where a company’s employees are looking to refer.
Stack:
React
React Router
Javascript
Node
AWS
EC2
PM2
Postgres
Express
Bootstrap