Front End:
JavaScript, TypeScript, React.js, React Native, Jest, HTML, CSS
Back End / Database:
Ruby on Rails, Python, Node.js, Postgres, Supabase, Sanity Studio
Tools:
Git, Render, Vercel, Heroku, Fly.io, Playwright, Git, GitHub
In January 2024, after months of development, user testing, and data accumulation, I launched the Better Bathroom Bureau - a website dedicated to helping people in Seattle access bathroom facilities around the city.
Better Bathroom Bureau began as a Tumblr blog I started right after I moved to Seattle in 2015; I reviewed bathrooms I visited out of 10, detailing highlights or lowlights in bathroom function, cleanliness, and style.
During our time in the Flatiron School software development bootcamp, my buddy Alex and I worked together to build an alpha version of the Better Bathroom Bureau website. We used React.js with some custom CSS to give it a "Craigslist-y" look on the frontend, and Rails to handle the backend and store all of our data.
In the summer of 2023, after spending some time on other projects and priorities, I began to expand on the previous work from bootcamp and build a performant, user-friendly, fast web application, with help from Alex, Evan House, and Matt Phan.
On the BBB website, users can view bathrooms stored in the BBB database in a list or on a map, optionally using filters or a search bar for precise searching. Users can also login or create an account to contribute new bathrooms to the database, leave reviews tied on bathrooms they visit, and save favorite bathrooms for future reference.
Each bathroom submitted by users has its own page, with information about its description and accessibility, its location on a Google Map (thanks Google Maps API!), and reviews that site users have left about their experiences.
Now that the website is live, I'm excited to open up the bathroom discussion to other contributors and users around Seattle. This is the kind of resource that works best with a lot of user input. We hope that people around Seattle will contribute and the community will benefit from our hard work and creativity!
Fantasy Sumo is a Fantasy Sports game following the action of professional Ozumo, where users build their own team of sumo wrestlers & compete against other users to score the most Fantasy Sumo points. Explore a comprehensive database of real world & game-specific statistics, track your Fantasy Sumo history, and learn sumo terminology.
I started watching sumo wrestling with some buddies in 2019, and started playing Fantasy Sumo with them by drafting teams and keeping score in a Google Sheet. With some basic infrastructure in place, I opened my game up to new players and ran a few different leagues at the same time, all while tracking kimarite statistics and making highlight videos to show the best action from the tournament.
This Fantasy Sumo website started as a final project for my bootcamp at the Flatiron School. The original version of the site was developed independently in three weeks, with a database of active wrestlers and a few demo teams, a desktop-focused front-end built bootstrapped with Create-React-App, and a Ruby on Rails backend and API to populate pages with wrestler data and allow users to draft new teams.
Since the first official game played in January of 2023, I've made some significant changes to automate some manual scorekeeping work, accommodate more users, and provide a more comprehensive database of historical sumo wrestlers and scores.
With 10 tournaments under my belt, the site has grown from a small, specific game played by a few friends to a resource for sumo and wrestler information, with a worldwide user base and almost 200 teams drafted every tournament, all running with very little personal intervention these days. It's been very fulfilling and validating to build something that has grown into a community resource!
A website for the Woodland Theater, a non-profit, DIY arts space and music venue in Seattle. Built with React, with a simple custom API from Sanity Studio, integrating APIs from MailChimp and Behold, and deployed through GitHub Pages.
An NHL Scoreboard website for goal horn lovers - whenever a team scores in, their goal horn sounds in real time! Developed with React.js, polling an external NHL Scores API, using the custom React Hook useSound to trigger audio events, deployed with GitHub pages. IceHonky is a collaboration with Alex Naughton .
In my React.js portfolio projects, I prefer to use useSound to play audio because of its simpler syntax and extremely accessible documentation. I like to use the hook to play audio inside event handlers, on form submissions, and wherever I think my site could use a little more character.
For this talk at the monthly SeattleJS meetup, I introduced the basic capabilities of useSound, then showed off some fun mini projects I made with it. I built a Random Note Generator to recreate the generative music I make in Ableton Live, as well as a keyboard-accessible drum machine and a very simple audio player.
My presentation slides will live on the internet forever at this link, and you can even download the directory to tinker with the drum machine & random note generator code at my public repo.
Check out this tutorial video I made about binkLooper to learn
more,
or head over to the
Audio Engineering
page to watch videos of my live looping performances.
This album features 8 compositions I wrote by programming rules for MIDI instruments and devices in Ableton Live. Right now I'm really enjoying creating ambient generative music and I'm releasing new music all the time!
More information about my process of music production, programming in my DAW, generative & procedural music, and more on the sound design page.
Check out my latest work on the music production page.
This was one of my first experiments in Unreal Engine's
Metasounds;
I don't know much about Metasounds yet, but it
seems like an exciting and inspiring tool for creative audio
projects.
I was thinking of Brian Eno's Discreet Music and other slow ambient music, and I made a sort of primitive piece of music in which four wave generators produce random pitches that swell and fade in volume at their own pace.
I had already started to make procedural generative music in Ableton Live,and it was a puzzle to switch to a different user interface and reconfigure the rules in a new environment.
I would love to work on video games, installations, or any other projects that develop in Unreal Engine!
RESTly
(get it?) - a San Diego-centered app to help users find great
food around the city
Developed with
Armandeep
Kaur
using React.js and Ruby.
Seattle
Travel Guide
- a TripAdvisor-y website for perusing destinations around
Seattle.
Developed with
Jaspreet Kaur
using React.js and a local JSON database.
Grocery List Helper
- add your personal recipes, then choose meals you'd like to
prepare and this webapp will build your shopping list
automatically!
Developed with
Grace
Durant
using vanilla JavaScript and a local JSON database.
I've also coded some relavitely simple HTML/CSS websites for small projects and portfolios:
