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'.
As a user I want to search for a song by an artist. Once I find that song I want to be able to see all the lyrics to the song. If I want to know more about a word in the song I want to be able to look it up in the dictionary. As a user I want to see several different meaning of the word so I want to use webster dictionary as well as urban dictionary.
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).
Clone repository:
- https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository Once you have cloned the repository simply open the project in a web browser and run.
- HTML
- CSS
- Bulma
- JavaScript
-
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
