Projects

A list of things that I've built and worked on

Google Meet PiP

A Google Chrome extension that displays a selected Google Meet participant's video in a Picture-in-Picture window.

  • Chrome Extensions
  • Vue.js

Figma Dot Grid Plugin

Figma plugin to easily generate dot grids for your Figma designs.

  • TypeScript
  • Figma API

Houdini Paint Dot Grid

Draw dot-grid backgrounds using CSS Paint API.

  • JavaScript
  • CSS Houdini

Snippets

A Web app for hosting code snippets online. Inspired by putco.de.

  • Vue.js
  • Server.JS

parcel-plugin-data-src

A ParcelJS plugin to bundle resources defined in data-src and data-srcset attributes.

  • ParcelJS

sublime-open-in-git-repository

Sublime Text plugin for opening the remote git url for the current file.

  • Sublime Text
  • Python

mdi-cli

A command-line tool for generating Material Design icons.

  • Node
  • Puppeteer
  • CLI

vue-intersect

A Vue.js plugin that reports element intersections using the Intersection Observer API.

  • Vue.js
  • IntersectionObserver

Endpoints

Built the frontend of a Web app for creating URL endpoints with customizable responses, useful as dummy APIs when developing other apps.

  • Vue.js
  • WebSockets

gulp-extract-static

Gulp plugin for extracting static resource paths from templates.

  • JavaScript
  • Gulp

Streaks

A Web app for tracking habits using a GitHub-like calendar chart. All data is stored locally on the browser.

  • Vue.js
  • IndexedDB

hermes

Client-side messaging channel for sending data from one browser tab to another.

  • BroadcastChannel
  • LocalStorage
  • SharedWorkers

UP Cebu Intrams Scoreboard

Scoreboard website for UP Cebu's Intramurals.

  • Firebase

trex-runner

Chromium's offline T-rex game extracted from the Chromium repository.

  • JavaScript
  • Canvas API

wifi-cli

Manage wireless network connections from the command line.

  • JavaScript
  • CLI

imgur-upload-cli

Upload images to imgur.com from the command-line.

  • Node
  • Imgur API
  • CLI

devcomic

Get latest dev comics from several comic sites.

  • TypeScript
  • NodeJS

speech-simsimi

Interact with SimSimi chatbot using the Speech Recognition and Speech Synthesis APIs.

  • JavaScript
  • Speech Recognition API
  • Speech Synthesis API

prettylogger

Logs things (dicts, tuples, lists, etc) in color and beautiful format.

  • Python

subdicts

A small python utility which parses nested-keys in dictionaries into sub-dictionaries.

  • Python

automata

Regular Expression parser and Nondeterministic/Deterministic Finite Automaton Constructor.

  • JavaScript

ab-population

Agent-based model of population dynamics.

  • JavaScript
  • Agent-based Modelling

localhost-webapps

Chrome new tab override showing shortcuts to localhost XAMPP web applications.

  • JavaScript
  • Chrome Extension