My projects

Fantano sevens web app screenshot

fantano sevens

A music discovery tool.

Vue.js
Nuxt.js
Spotify API
PWA
Gen AI

This tool selects an album Anthony Fantano has rated a 7 or higher.

Finding new albums is tiring, but I want to discover new music. So I built tool which randomly selects an album that popular critic Anthony Fantano has positively reviewed. The app makes it easy to immediately start listening with its Spotify integration. It also lets you keep track of the albums you've listened to, letting you log or like tracks you've listened to.

For simplicity's sake it uses localStorage to save your past albums.

Fantano review data comes from this scraper maintained by @garcia-santiago.

Try it live ➜
snapshop web app screenshot

snapshop

Visual search using AI.

ChatGPT
Vue.js
Nuxt.js

I teamed up with 2 colleagues for Trader Interactive's 2024 hackathon which took place over 3 days. Our goal was to leverage recent AI developments to search our vehicle classified websites with just an image. We used OpenAI API's Vision to accomplish this.

Just upload an image of a vehicle from your device and AI will automatically determine which of our dozen vehicle classified websites to send you to. It brings you straight to relevant search results for the make and model found in the image.

I also put together a video for the hackathon submission.

Try it live ➜
YT Thumbnail Downloader web app screenshot

YT Thumbnail Previewer

Test thumbnail next to real videos.

Vue.js
Vite
SCSS
Youtube Media API

This tool mimicks a youtube search page by fetching real videos using the Youtube Media API, and lets you upload a thumbnail, add a title and see the preview.

Try it live ➜

RVT 3.0 Redesign

RV classifieds website UI overhaul.

Vue.js
Elastic Search
CSS
PHP

A large UI overhaul of the home, search and product pages for RVT.com

Unfortunately after getting to 95% completion, the business pivoted and this work was never released. It was so pretty, what a shame.

synth0 web app screenshot

Boatline

Marine classifieds website.

Next.js
React
SSR
Algolia
CSS Modules

I was the lead UI engineer for this greenfield development project of a marine classifieds website for Trader Interactive from 2020-2023. We used cutting edge SSR frameworks in this build. Boatline has technically existed for over almost two decades, but it's been sitting idle since its birth, and was given new life in 2020.

Boatline is now Boatmart.com (I did not work on Boatmart).

See it on WaybackMachine ➜
synth0 web app screenshot

synth0

⚠️Volume warning⚠️

A simple browser-based synthesizer.

Web Audio API
MIDI Protocol

I'm big into audio engineering/sound design, so when I learned there was a Web Audio API which provides oscillators, filters and manipulation of audio signals in any imaginable way, I was very excited. So I built a basic synthesizer, and implemented MIDI protocol. This allows you to connect a MIDI instrument if you have one available.

Try it live ➜
HappyHeli web app screenshot

Happy Heli

Look at him go.

SVG
CSS Animation

An exercise in SVG animation.

Try it live ➜