coursework archive

Web Development


  • HTML
  • CSS
  • Javascript/Vue
  • WordPress
  • Bootstrap framework

“hannahsonic”- Album Review WordPress site

Our task was to expand on our introductory practice with WordPress. Much of my focus went to adding extensive CSS in the Customization option, to do things like adjusting Spotify iframes to match the height of artist pictures and adding animations.

Screenshot of the home page of my album review site, featuring the covers of Beyonce's "Renaissance", Usher's "Raymond vs Raymond Deluxe Edition", and Usher's "My Way".

A screenshot of my webpage. A drawing with a purple translucent hue is the background image. It has a Black girl with glasses and brown curly hair sitting on a train, listening to music with silver headphones. Other passengers on the train include a brown woman with short brown hair looking out the window, and a Black girl with an orange sweater and white shirt talking on the phone. On top of the drawing, there are three playlist options, each with a dropdown menu of songs to choose from.

“Jamboree Jukebox”- Music Player Webpage

We were given a short starter code of a music player button and asked to build a functional streaming page, with songs sourced from an API.



  • SwiftUI
  • Interface Design

“Jamboree Jukebox”- Music Player Swift Application

Similar to the webpage assignment from my Advanced Web Development course, this project asked for us to develop an Apple interface to stream music, given an API to pull songs from.

Screenshot of a SwiftUI music player. This capture features artist Brandy's album cover "Afrodisiac" at the top, along with a picture of Brandy herself below. In between is the song title "Afrodisiac", along with blue "pause", "play", and "skip" buttons below it.



  • Canva
  • WordPress (Elementor)
  • User Research & Interface Design
  • Project Management
  • Communication

“Dog Doctors”- Virtual Outreach Program

This Capstone course involves pairing up a team of 5-6 students with a client to fulfill a certain project need. As the DogDoc team, I and my fellow teammates developed an online version of the fully in-person DogDoctors Outreach Program, along with logos and branding style.