Building a Music Player in React

1

Lorem Picsum

Return ( <div className="component"> <h2>Playing Nowh2> <img className="musicCover" src="https://picsum.photos/200/200" /> <div> <h3 className="title">Rubaiyyanh3> <p className="subTitle">Qalap> div> <div> <button className="playButton"> <IconContext.Provider value={{ size: "3em", color: "#27AE60" }}> <BiSkipPrevious /> IconContext.Provider> button> {!isPlaying ? ( <button className="playButton" onClick={playingButton}> <IconContext.Provider value={{ size: "3em", color: "#27AE60" }}> <AiFillPlayCircle /> IconContext.Provider> button> ) : ( <button className="playButton" onClick={playingButton}> <IconContext.Provider value={{ size: "3em", color: "#27AE60" }}> <AiFillPauseCircle /> IconContext.Provider> button> )} <button className="playButton"> <IconContext.Provider value={{ size: "3em", color: "#27AE60" }}> <BiSkipNext /> IconContext.Provider> button> div> div> );.

#Placeholder Images #Design Tools #Web Development Tools 52 social mentions

2

Node.js

The environment setup is easy. You should have node.js pre-installed for running the node related command in the terminal.

#Runtime #JavaScript Runtime #JavaScript 793 social mentions