Lyrical - Project 1 Group 6

Project Requirements:

Create a front end application that meets the following criteria:

• 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).

User Story

• AS A user
• I WANT to search for songs by an artist
• SO THAT I find a list of songs by that artist and when I click on the song title I can see the lyrics of that song

Acceptance Criteria

• GIVEN a user hears a song or knows an artist's name
• WHEN they enter the name of the song or the name of the artist
• THEN user sees a list of songs by that artist
• THEN the user can click on the song they are interested in
• THEN the user sees the lyrics for that song

Challenge completed using:

• HTML
• CSS
• JavaScript
• Foundation
• Canva
• Deezer API
• LyricsOVH API
• W3.css

Contributors

• Sara Brizendine
• Megan Phillips
• Jazzmin Goodman
• Kirsten Canady

GitHub Repository URL:

https://github.com/KGCan/Lyrical.git

Website URL:

https://kgcan.github.io/Lyrical/

Screenshot:

Additional resources Used to complete the project

• Deezer API
• LyricsOVH API
• Assistance from TA Quinn
• Assistance from TA Dru
• Assistance from TA Jacob
• Assistance from Instructor Stacy
• Assistance from Tutor Robert Parsons
• Assistance from Tutor Andrew Hardman
• UC Davis Coding Bootcamp

Special Instructions:

• Prior to visiting website please visit https://cors-anywhere.herokuapp.com/corsdemo and request demo access, once completed visit our deployed site above.