We are team vibes. After the world experienced the biggest 404 error in our lifetime, aka 2020, as web developers we decided that the world needs some good vibes. Unlike the coronavirus, when music hits you, you feel no pain. So we created an entertainment application that allows you to search, access information, watch videos, learn and even sing along to the lyrics of your favourite songs. Vibe Cannon, would you like some good vibes fired your way for 2021?
As a person experiencing lockdown due to a global pandemic, I want to be able to search for my favorite songs. I am given information that I can share, videos and the lyrics of these songs so that I can entertain myself, as all public music entertainment events have been cancelled.
Vibe Cannon is an entertainment application that allows the user to access their favorite songs. In addition, the user is able get information from about the song that i can also share, watch music videos as well as access lyrics if they are available. We have used the most popular music api to access this information, so Vibe Cannon is your one stop shop for you music entertainment needs.
- The user is able to enter the name of the artiste and the name of the song.
- The default video play is YouTube, however the user has the option to view Vimeo videos. (YouTube API has 50 daily video per call, once quota is up Vimeo video will play as default)
- When the user clicks the search button, they get a link to itunes with information about the song, the top 3 videos and the lyrics of the song (if avaialable).
- The song title field is always required, however the user is able to enter part of a song they remember, even if they dont know the name of the artiste.
- When the user get the song information, they are able to click on a button to access a shareable link.
- Once the shareable link is generated, the user is able to copy the link to their clipboard.
LocalStorage is used to save users preferences.
- Theme (Dark/Light mode): The selected mode will load whenever the user accesses the app.
- Vimeo checkbox : If the the Vimeo checkbox is selected, it will be checked whenever the app is loaded.
- Cody Yuill https://github.com/CodyYuill
- Matthew Guillen https://github.com/GuilleMGN
- Nashica Waltershttps://github.com/nashwalters
The APIs used are listed below:
Click here for some good vibes!!
The user interface is responsive and adapts to all screen sizes. Click on the arrows to drop down more images at various screen sizes.
Large Screen
Medium Screen
Small Screen
Copyright © 2021