Skip to content

Instantly share code, notes, and snippets.

View mzibari's full-sized avatar

mzibari

View GitHub Profile
import React from 'react';
class Bomb extends React.Component {
state = {
count: 0
};
componentDidMount() {
this.interval = setInterval(() => {
this.setState({
import React from 'react';
class HelloWorld extends React.Component {
state = {
who: ' '
};
handleButtonClickWorld = () => {
this.setState({ who: 'World' });
}
https://mzibari.github.io/sally-student/
https://github.com/mzibari/sally-student
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
https://mzibari.github.io/lyrisongs/
https://github.com/mzibari/lyrisongs
@mzibari
mzibari / getViewportSize.js
Created March 14, 2020 01:55 — forked from scottjehl/getViewportSize.js
Reliably get viewport dimensions in JS
/*!
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;";
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
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
https://mzibari.github.io/nps-api/
https://github.com/mzibari/nps-api