Media Listing

Here is a project that I coded using HTML, CSS, and JavaScript to create a clickable prototype. I utilized the Bootstrap framework to jumpstart the project because I wanted to practice bridging the design and development process. I started with a design created in Sketch and then coded the live concept in JSFiddle. It was important to build out all of the subtle animated transitions myself to ensure a smooth, precise handoff for production.

After completing this project, I learned firsthand about all of the different design states required for engineering teams to accurately build out the front end. It was a fantastic learning experience that allowed me to step directly into the shoes of a front-end developer.