Quirky Quotes Chrome Extension

Ever since I learned Chrome extensions are simply written in JS, CSS, and HTML, I wanted to give it a shot.

After a quick brainstorming session with a friend, I came up with Quirky Quotes: a Chrome extension that brings weird, funky, and off-beat quotes with every new tab you open.

The best part is checking the dashboard to find out people from Australia, Hong Kong, and Saudi Arabia found it somehow, installed it, and using it!!

Quirky Quotes Chrome Extension
  • HTML
  • CSS
  • JavaScript

Push Pirates Mobile App

Push Pirates is a goal-oriented habit tracker that is built in collaboration with friends as a side project.

My contributions are building the API (database setup, user login, password reset, and all CRUD functionalities), creating the wireframes, and constructing several UI features and components in React Native.

Push Pirates Mobile App
  • React Native
  • Expo
  • Express.js
  • MongoDB Atlas
  • AWS Lambda
  • Heroku
  • JWT
  • Node.js
  • GraphQL

Popcorn! According to Steph Curry

Using the D3.js library, I created a dynamic chart that visualizes 29 NBA arena rankings based on popcorn quality. The chart, as well as the X/Y axes are transformed when different options are selected from the dropdown menu.

Inspiration and ratings data was scraped from this NYT article.

Popcorn! According to Steph Curry
  • D3.js
  • JavaScript/ES6
  • CSS
  • HTML
  • jQuery

Portfolio 2019
Re-launched my portfolio site in 2019 using React and CSS Grid. Went through a couple of design revisions using Sketch (see GitHub repo for screenshots). Paid particular attention to making the site mobile-first.
Portfolio 2019
  • React
  • React Hooks
  • React Router
  • Axios
  • JavaScript/ES6
  • Sass/CSS
  • CSS Grid
  • HTML5

Pomodoro Counter

After reading 'Deep Work' by Cal Newport, I made few changes in my daily work routine. And the Pomodoro technique was one of them: 25 minutes of focused work followed by 5 minutes of break.

The key is to keep count of the completed pomodoros to track your progress. So, I created a small React App to do that. It has pause/resume options, and even plays sounds to alert completions.

Pomodoro Counter
  • React
  • JavaScript/ES6
  • CSS
  • HTML
  • Semantic UI

WatchList

Proof of concept app built on Ember.js

Currently it consumes Best Buy Products API and uses Email.js to send templated notification emails. See GitHub repo README for more info.

WatchList
  • Ember.js
  • JavaScript
  • HTML/CSS
  • Email.js
  • Firebase CLI
  • REST API