Urban Cipher - Deconstruct your favorite song lyrics

Project 1:

Is your favorite song just a string of words you've memorized, but whose meaning eludes you? Have you said 'Yeet' with a straight face, but with shame in your heart? Do you mumble through the verses until the chorus arrives? We've got you covered. With our app you can deepen your lyrical knowledge by using our dictionary functions to look up any word.

Start by entering the artist you are looking for. Our app will generate that artists top 10 tracks to help you find your song, otherwise enter the song of your choice. Press search and we generate the lyrics of that song for you. Now you can use our Urban Dictionary search for any lingo you want to get 'hip' with. Or further your 'traditional ' knowledge with our Webster dictionary search. You are now on your way to deepening your lyrical knowledge and discovering the meaning of 'Yeet'.

• View deployed project here

• View presentation slides here

Criteria:

With a team, you will conceive and execute a design that solves a real-world problem by integrating data received from multiple server-side API requests. You will implement feature and bug fixes using git branch workflow and pull requests. The user story and acceptance criteria will depend on the project that you create, but your project must fulfil the following requirements:

• Use a CSS framework other than Bootstrap.
• Be deployed to GitHub Pages.
• Be interactive (i.e., accept and respond to user input).
• Use at least two server-side APIs.
• Does not use alerts, confirms, or prompts (use modals).
• Use client-side storage to store persistent data.
• Be responsive.
• Have a polished UI.
• Have a clean repository that meets quality coding standards (file structure, naming conventions, follows best practices for class/id naming conventions, indentation, quality comments, etc.).
• Have a quality README (with unique name, description, technologies used, screenshot, and link to deployed application).

Built With:

• HTML
• CSS
• Bulma
• JavaScript

API's utilized:

• Lyrics.ovh https://lyricsovh.docs.apiary.io/#

• Merriam-Webster https://dictionaryapi.com/products/api-collegiate-dictionary

• Urban Dictionary https://rapidapi.com/community/api/urban-dictionary

• Last.fm https://www.last.fm/api

Creator Breakdown:

• Scrum Master: Max
• HTML: Ana
• CSS: Matt & Max
• JavaScript: Alicia & Caitlin

View project scope here

Demo