This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
class Bomb extends React.Component { | |
state = { | |
count: 0 | |
}; | |
componentDidMount() { | |
this.interval = setInterval(() => { | |
this.setState({ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
class HelloWorld extends React.Component { | |
state = { | |
who: ' ' | |
}; | |
handleButtonClickWorld = () => { | |
this.setState({ who: 'World' }); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://mzibari.github.io/sally-student/ | |
https://github.com/mzibari/sally-student |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Provide feedback to user when they search for something that is worng or doesn't exist | |
Give few choices of videos for the user to choose from after sreaching | |
instead of making the hamburger menu take up the whole width of the screen, it should take some of it | |
The lyrics are showing as paragraph, they should be displayed one verse per line for easier reading |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://mzibari.github.io/lyrisongs/ | |
https://github.com/mzibari/lyrisongs |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
An experiment in getting accurate visible viewport dimensions across devices | |
(c) 2012 Scott Jehl. | |
MIT/GPLv2 Licence | |
*/ | |
function viewportSize(){ | |
var test = document.createElement( "div" ); | |
test.style.cssText = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
As a new user I want to search for artists. Priority: High | |
As a new user I want to see the bio of said artist. Priority: High | |
As a new user with disability I want to be able to navigate the app using a keyboard. Priority: High | |
As a new user I want to search for a particular song. Priority: High | |
As a new user I want to see the lyrics of a song. Priority: High | |
As a new user I want to search for a different artist. Priority: High | |
As a new user I want to be given the option of seeing the most popular songs if I choose not to search for a particular song. Priority: Medium | |
As a new user I want to suggestions of similar artists. Priority: Medium |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
The user can search for an artist, the app will display the band/artist biography, an image, the genre of music, formed year,a link to their website and the ability to search for songs. When searching for a song the user will get a youtube video and the lyrics for that song. | |
I will be using 3 API's: | |
https://www.theaudiodb.com/api_guide.php to get all the info about the artist | |
https://developers.google.com/youtube/ to get the youtube music video | |
https://lyricsovh.docs.apiary.io/#reference/0/lyrics-of-a-song/search to get the lyrics of the song |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
https://mzibari.github.io/nps-api/ | |
https://github.com/mzibari/nps-api |