MyCodeCloud

Code management application designed to streamline the developer workflow and boost productivity.

Key Features:
- Advanced real-time search functionality
- Tag-based filtering and categorization system
- Robust syntax highlighting
- Multiple language support
- Authenication & user data management

Technologies: Typescript, React, Next.JS, Tailwind CSS, Clerk Auth, Ace, MongoDB, Cloudflare

Wallflower UI

A comprehensive library of beautiful, ready-to-use background snippets designed to streamline web development.

Key Features:
- Designs in Tailwind CSS and Vanilla CSS
- Light and dark theme options for versatile application
- User-friendly interface for easy browsing and implementation
- Responsive designs suitable for various device sizes

Technologies: TypeScript, React, Next.js, Tailwind CSS, Radix UI

Arboria Carbon Tracker

Chrome Browser extension that empowers users to monitor and calculate their digital carbon footprint in real-time.

Key Features:
- Real-time tracking of CO2e emissions from browsing activities
- Converts browsing data into carbon emission metrics
- Interactive chart visualization of user digital carbon footprint
- Integration with Chromium for unobtrusive user experience

Technologies: JavaScript, Chrome Extension API, custom data visualization

Crux Brain Game

Puzzle match game that is both simple to play and difficult to win.

Key Features:
- Intuitive gameplay mechanics with spinning tiles
- Dynamic pattern recognition for winning conditions
- Scalable difficulty with a default 5x5 grid for new users
- Responsive design for both desktop and mobile play

Technologies: JavaScript, Canvas API, CSS3, HTML5, Google Adsense

Lunette

A blue light filter extension directly in the browser.

Key Features:
- In-browser blue light reduction without affecting system settings
- Customizable intensity levels for personalized comfort
- Automatic activation based on user-defined schedules
- Integration with Chrome for a non-disruptive browsing experience

Technologies: JavaScript, Chrome Extension API

Geekymango.com

User info: Site for digital media company providing cross-platform entertainment + third-party ecommerce integration

Technologies: Typescript, React, Next.js Cloudflare, Tailwind CSS, Google Adsense

Yukiolabs.com

User info: Site for artificial intelligence company Yukio Labs. Featuring a modern landing page, feature page, pricing, and a fully built out knowledge base with over 50+ pages of content.

Technologies: Typescript, React, Next.js, Tailwind CSS, Headless UI, Nextra

Beatmango FM

User info: Audio broadcasting app outfitted with a nostalgic (ugly) UI.

Technologies: Javascript, HTML5, CSS3, Soundcloud API, Firebase, HSTS

Anniversary Box

User info: For our most recent anniversary, my wife and I made each other gifts. I created this joystick controlled timebox that displays how long we've been together in different increments of time (years, months, weeks, days, minutes).

For nerds: The components used include elegoo Uno R3, LCD 1602 Module w/ pin header, joystick module, 9v battery w/ switch and custom 3d printed parts.

Turbidity Monitor

User info: A device to measure the turbidity of a liquid with 99% accuracy.

For nerds: The components I used for this include an Arduino Uno board, RGB LED indicator, turbidity sensor, and a 0.96 inch OLED display for data reads.

Component board + LCD 16x2 mount

This board mount makes prototyping with Arduino controllers and lcd displays easier by providing mounted space for breadboard, battery, Arduino Uno, LCD screen and sensors.

Basilio mask

Made a cosplay mask for a friend. Design is from the Filipino anime Trese. The masked character in the show is actually based on a traditional Filipino folklore character.