Description

An application I created at the height of the COVID-19 pandemic as part of the course content of a Dynamic Web 1 (JavaScript) course I was (and still am) teaching. We had just migrated to online learning, and I wanted to create an application that visualized what we were all feeling. I selected images that expressed those feelings, and synched the animations with the beat of music I chose. It was a rough time, but my students for that class were really amazing. I was truly inspired by them.

Project Includes

appendChild, css in js animation, css keyframes, css transitions, DOMContentLoaded event, event listeners, getElementsByTagName, innerhtml property, input event, manipulating the dom, mobile friendly, modern javascript, node sass, web audio api

• View Visual Audio Slider on Github GH Pages

• View Audio Visual Slider Repository on Github