Project Lyrics

Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more

Check out the complete project requirements here

Project Status

Completed (27 Nov 2022)

Project Screen Shot(s)

Project Live View

Site

System Requirements

To get started with development, you need to install few tools

1. git

   git version 2.13.1 or higher. Download git if you don't have it already.

   To check your version of git, run:

    git --version

2. node

   node version 16.15.1 or higher. Download node if you don't have it already.

   To check your version of node, run:

    node --version

3. npm

   npm version 5.6.1 or higher. You will have it after you install node.

   To check your version of npm, run:

    npm --version

Setup

To set up a development environment, please follow these steps:

1. Clone the repo

    git clone project

2. Change directory to the project directory

   cd project

3. Install the dependencies

    npm install

   If you get an error, please check the console for more information.

   If you don't get an error, you are ready to start development.

4. Run the app

   npm run dev

   Project will be running in the browser.

   Open http://localhost:3000 to view it in your browser.

Notes

1. useSelectors (Example)
    

   select a specific piece of a Cake | state as a Cake  

   CAKE = { slice : MusicPlayer Function slice : ShazamAPI Function choco : Chocolate Function vanilla : Vanilla Function }  

2. useDispatch (Example)  

   allow changes to the Cake  

   DISPATCH (Add Chocolate Powder) DISPATCH (Add Durian Dressing) CAKE -> Selectors(Pieces)