Project: VYYL.ca Home Page

Build: HTML, SASS, Vanilla JS
Features: Soundcloud API, Apple Music API, Spotify API, Lightbox Gallery.
Deployment: Github and Netlify

Live Site


VYYL is a local producer/DJ duo from Calgary. They are good friends of mine and when they wanted to do some rebranding I helped them with a new website, server and email.

The site uses several API's including the soundcloud API. I decided to use that as the main music player as soundcloud is free to everyone where as apple music and spotify both require logins.

Soundcloud API for vyyl.ca by Chris Connelly
Implementation of the soundcloud API

There is a pop up lightbox gallery for images that is responsive so it works on both large and small screens.

Lightbox for vyyl.ca by Chris Connelly
A javscript lightbox for the duos images

Some looping content for the about us section.

Looping about us for vyyl.ca by Chris Connelly
Looping about us section

A netlify form that captures abandoned forms, has a honeypot for spam and notifies the duo via email.

To Do:

Implement spotify and apple music API's Set up no code blog