This is my repository of coding projects that I’ve done that aren’t necessarily portfolio pieces. Hopefully you’ll find some enjoyment in what I’ve done.
Music Timeline with Spotify
A basic timeline that pulls in a Spotify play button. This will eventually be part of a larger interactive piece, but this was done as a proof of concept that the idea will work.
I wrote this quick little app to tap into the API of my BloomSky weather device. Data is pulled directly from the device. I was hoping that I could pitch this to a client to create a network of weather nodes and images from around the state, but like all good ideas, they didn’t want it. However, you can always see what the weather is like at my house!
Canvas Image Uploader with Custom Overlay
One of the more complex code examples provided here. I built this as a one-off project for Visit Florida. It ran for about a month when we discovered nobody was using it. Basic functionality – allows user to upload an image, crop and resize, and then applies a filter over top of the image. The user can then share the image on social or download it to their computer. An updated (and fully functional!) version of this code can be found on https://baycaretimeout.org/
Instagram Shortcode Download Tool
I needed a quick and dirty way to grab images from Instagram – using the API, it grabs an image by shortcode and returns it to the screen. Nothing fancy, but useful if you’re trying to download images. I implemented this into a larger platform that I’ve been building that allows users to manage Instagram content for advertising purposes. Even small snippets of code can lead to bigger projects!
Twilio, hands down my favorite platform to develop with, recently released an API for IP chatrooms. In less than 15 minutes, I built out this simple chatroom. There may not be anyone in it, but open another browser window and you can talk with yourself! I will be working on this over the course of the month as I develop a chatbot and AI for it.
Buzzfeed Style Quiz
You’ve seen these quizzes on Buzzfeed – you select an image, or series of images, and in the end you find out what kind of donut you are. I took the concept of a weighted quiz and laid out a framework that could be used as a fun part of our annual report.
Webcam Facial Detection
You will need a webcam enabled for this one. Simple script that identifies all of the faces within the viewable area and triggers a function based off the total number. Inspired by an article I saw online discussing an interactive billboard that changed based on how many people were looking at it.
Floppy bird clone, but with farts. Built entirely in HTML5.
CSS Filter Viewer
Visual representation of all of the CSS image filters. I needed a simple tool so I would know what the final output would look like. Comes in handy for quick reference. I want to update this so you can upload an image – whenever I get the free time.
QR Code Generator
Based off input, generates any type of QR code you can imagine. I have the parameters outlined in the code, but for this example – you can just pass along a simple text string or url to be interpreted by the browser.
Twilio Voice Transcription
Enter your phone number and email address. You will receive a phone call shortly thereafter asking you to leave a voicemail. As soon as you’re done with the message, you will be emailed a transcript of your message along with a link to the audio file. This is the freaking future!
Animation of a SVG graphic to look like it’s being drawn in real time.
Web Speech Synthesis Demo
Enter text – your browser will output speech if it’s supported. Should work in all modern browsers. Probably doesn’t work in Internet Explorer.
Simple HTML5 video booth – you will need a webcam enabled. Watch live feed in the browser, then snap a picture and save it to a random folder (this example doesn’t save it anywhere).
Playing with yourself was never this much fun.