In this course, I gained more experience working with HTML and CSS and gained a greater understanding of Javascript. I was excited to further my growth in coding since I really enjoyed the precursor course, NMIX 6010: Web Development. At this point, it had been two years since I'd taken that course, so I had to completely refresh my knowledge of coding. Although, as the course progressed in content and difficulty, I increasingly grasped the concepts and became more familiar with Javascript and the power of APIs.
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/39246165-b980-4289-ad5d-93a43c90c91e_rw_1920.png?h=36e0512ace761ffdf7336b7b66f492d6)
Jukebox Assignment
Top Five Songs of 5 Seconds of Summer
Top Five Songs of 5 Seconds of Summer
For this project, we were tasked with creating a jukebox music player using HTML, CSS, and Javascript. I acquired 30-second audio samples from the iTunes library, and created a webpage where you can listen to the top five most popular songs by the band 5 Seconds of Summer.
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/37489654-323b-4670-a5d2-8e6c37452b33_rw_1920.png?h=91b6e07cfd13f37ed1b062da68128c39)
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/930596f2-dc40-46fb-9c68-05b7a8400b72_rw_1920.png?h=8d11629fb66094a3a6454fa44affc324)
Cat Components Project
The Catwalk
The Catwalk
This project features a fully functional slideshow that draws information and images from the Cat API. We were tasked to create and re-use a component that will allow us to create a series of slideshows, each of which displays images of a different cat breed. I named my site "The Catwalk" and highlighted the felines on a neon runway as users click through the models.
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/06e440bf-c1de-44f4-a56e-a1c0899b1a94_rw_1920.png?h=8a60e22b222fccfb2b4ac4edef100005)
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/a150097e-2925-4a98-b85c-e48a2e1561f7_rw_1920.png?h=40aa0062de5145a4be771cadabc6e5ce)
Final Project
Hammock Movie Base
Hammock Movie Base
The final project challenged us to produce a dynamic website that draws upon what we’ve learned in the class, but also showcases something new that we learned on our own. While the project itself was open-ended, the website had to include Javascript and/or Vue and show significant effort. With that in mind, I decided to use an API (which we worked with a lot in the course) to build a movie database website to search and display movies, trailers, and videos. I named the project "Hammock Movie Base," and the app uses the API from The Movie Database website. I also did some branding and created the logo and color palette for this project.
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/739a507a-99cf-46d3-bbed-ee11577e57d2_rw_1920.png?h=87e2126b98744b0f3d16d51bfa1dd0c9)
![](https://cdn.myportfolio.com/d9615bce-158c-43b6-b787-dbd14cbc8fcd/7f067188-6909-491f-a61e-de56862c0b4b_rw_1920.png?h=8cedc24544de3b3d2cde6d3e85f99081)