skip to content

Work

Generative Art Experiments 2022

p5.js
typescript
HTML Canvas

A second set of generative art experiments, these from 2022. Most of these are still making use of p5.js, though by this point I was playing more with the native Canvas API as well as libraries like ThreeJS as well. This was also around the time I started really liking TypeScript; the code is a mix of JS & TS. The items featured at the page linked below are a few of my favorites out of the year. There are a few flow fields, some looping patterns, and a mandelbrot set, among others.

GitHub | experiments gallery

Vue Trello Clone

vue
pinia
vue-router
unocss
drag&drop

A clone of the kanban app Trello, build with Vue3. I built it to familiarize myself with native HTML drag & drop, practice implementing state management with Vue & Pinia, and to challenge myself to think through how an app like this is designed.

GitHub | Live App

Generative Art Experiments 2021

p5.js

A series of experiments and 'drawings' in learning generative art using the amazing p5.js library. These were mostly done in 2021 - I have another set from 2022, but haven't put it online yet!

See the experiments here.

screenshot of tarot app, showing nine of cups

Tarot Draw

react
materialUI

I needed to practice making API calls in ReactJS and also wanted to experiment a bit with MaterialUI. I used this tarot api, modified slightly so I could serve it on Heroku alongside the app.

I love tarot and witchiness in general! So I built an app to draw a random tarot card and display a bit of information about its meaning.

GitHub | live app

screenshot of website with map and search function

TryOnvo.com

Google Maps API
WordPress
jQuery
JavaScript
scss
HTML/CSS

Accessible, mobile-friendly website for a chain of travel plazas in the northeast. One of the most interesting things about this project was a custom locations lookup using Google Maps API. The search includes various filters for distance and type of location, and fetches data about gas prices and information for each unique location.

view website

screenshot of a note-taking app

Take Notes

react
html/css
bootstrap

A web app that allows a user to take and save notes. Notes are saved in the browser's local storage so a user can close the window and come back to it later; their notes will be there so long as they have not cleared their browser cache.

GitHub | live app

Screenshot of site homepage. There is a purple wave image across the top.

Oz App

HTML/CSS
WordPress
JavaScript
jQuery
scss

Custom Wordpress theme and website for an entertainment management software. The site is fully responsive with a carousel testimonials slider and several custom pages. The content is all customizable through Advanced Custom Fields.

view website

screenshot of terminal showing a rabbit shape made out of ASCII art

Terminal ASCII Art

nodejs

This app turns a graphic into ASCII art and displays it in the user's terminal.

GitHub

screenshot of website homepage

Muhlenhaupt + Company website

wordpress
jQuery
JavaScript
scss
HTML/CSS

Built a custom WordPress theme for this creative agency in Manayunk, Philadelphia. I used Advanced Custom Fields to create modules that can be customized and rearranged across several different website templates.

Click here to see more of the site.