Featured Project:
YadaGuru

YadaGuru is a college application reminder web application. It is a CodeForPhilly project, on which myself and another developer work....

Read More

MusicBot

A screenshot of the MusicBot slack integration

MusicBot is a Slack integration that facilitiates control of music playback through a Sonos system. This Python/Flask project interfaces with the Sonos hardware through the SoCo Python library, and with Spotify’s API. The system is configured to work with Slack as an Outgoing webhook, which listens to all conversations on a set channel.

Users can add tracks to the Sonos playlist by typing ‘add ‘ in the designated channel. The search query is routed to Spotify’s API, and the top five search results are returned to the user, who then selects the desired track by typing a number 1 through 5. MusicBot will also continue to randomly add previously-selected tracks, as well as tracks from a seed playlist during the day, ensuring there is always music playing. Read MoreMusicBot

The Hair Saloon and More

Hair Saloon Screen Shot

This is a brochure site for a hair salon in our area. It is essentially a custom WordPress theme. I chose WordPress as a CMS, because it was an easy way to allow the business owners to update the content if needed. The header is a scan of the business card, and the colors/fonts were selected to match it. The slideshow on the front page uses the slides.js plugin.

My process of building the site has been documented here.

Not Your Mommy’s Blog

Screenshot of Not Your Mommy's Blog

Not Your Mommy’s Blog uses a custom WordPress theme called ‘Tiles,’ which I created. The theme is responsive, and features my first attempt at a slider/carousel to display recent posts.

This is my first start-to-finish project for another client, though the client is my wife, so I am not sure if that counts.  :-)

This theme is built from scratch, and contains only features and elements needed by my wife. Perhaps in the future, I might modify the theme, and submit it to the WordPress Theme Directory.

Update: This theme was redesigned in September of 2016. I used the Roots Sage starter theme, which I chose because of its integration with Bootstrap CSS. The overall layout contains many of the same elements, but with a cleaner design.

I also introduced a few tools into my personal setup with this project, including SASS pre-processing, Gulp task runner, and VVV for developing locally.

Lingo!

A screenshot of the project Lingo

This is a clone of the game and game show Lingo. It was my first attempt at creating a game web app. It was also my first attempt at applying some Object Oriented JavaScript concepts that I had been reading about in the book Eloquent JavaScript.

Also being the first major project I completed since launching this blog, I documented the process of creating it. You can read more about my goals for the project, and my process of achieving those goals here.

The Rhythm Randomizer

The Rhythm Randomizer Screenshot

The Rhythm Randomizer is a web app to aid in learning to practice and sight-read musical rhythms. Users select various options, such as duration, time signature, notes, and rests, and the app will randomly generate a rhythm within the specified options.  The generated rhythm can then be clicked to generate a new rhythm with the same options.

This project is my first web app.  I created it to help teach my students at my job as a public school band director. The original version of the app was created in a weekend in April 2014, using nothing but HTML, CSS, and JavaScript. In August 2014, after learning PHP and MySQL, I redesigned the website to move the logic and data to the server side. Javscript (and jQuery), are run client side for AJAX requests and UI animations.

In the future, I plan on adding more options for users, clearer UI elements to allow the user to better use the app, and a feature to allow the app to remember options from one session to the next using both session cookies, and a user login account.

D’Errico Web Solutions

D'Errico Web Solutions Screenshot

This project serves at the first iteration of my personal landing page on the internet. The project features sections about me and my work, as well as a contact form. Sections are presented on cards, which slide up when navigating to a different section. There is also a project viewer with similar jQuery animations.

Included in this project are several firsts for me, including building a responsive site and jQuery animations. The project was originally hosted at www.derricowebdesign.com, which I had purchased before I figured out that I was more of a developer than a designer.

This blog is meant to replace the project, which will eventually be hosted on a subdomain for posterity’s sake, and the original domain will forward to here.

Woodstown High School Marching Band Practice Page

Woodstown High School Marching Band Practice Page Screenshot

This is a web app that assists the students at a local high school marching band in learning and practicing the music for their field show. A user selects her instrument part, what she want to hear (her instrument, all instruments, all instruments excluding her), and whether she would like to hear a click track. A mp3 or ogg file is then fetched matching the specifications selected by the user. The user can also print a PDF of the music for the selected instrument.

This was my first attempt at using PHP and AJAX together, as the appropriate sound file is fetched with an AJAX call and then displayed in an HTML5 audio element.

I also happened to be the music arranger for WHS’s field show for the season, and included the practice page along with the arrangement. This is a one-off project specific to the 2014 field show.