Skip to content

MoodMirani/Project-DH2642

Repository files navigation

1. Getting Started with Popify

You need a Spotify Premium account to get started with Popify. The App will ask you for authentification upon start. If you don't have a Spotify Premium account, you can create it in our app (or ask another TA to grade this project :))

Heads up! The website works best without any plugins in your browser, such as addblocker.

2. Download Node.js

You need to download Node.js in order to run Popfify. You can get Node.js here: https://nodejs.org/en/

3. Npm install

Run npm install in your terminal to download all libraries necessary.

4. Npm start

To run the app in development mode, run npm start in your terminal. If it's not initialized automatically in your browser, open [http://localhost:3000] Or a quick start is to visit this site popify-dh2642.web.app

5 Using the Popify App

Popify is an audio streaming service and lyrics provider. In the searchbar you can search for tracks, artists and almbums that are fetched from the Spotify API. Once you've chosen a track in the dropdown you can also sin along by pushing the lyrics button that uses another lyrics API.

Artists: You can read information about artists such as number of followers and genre. Albums: You can see the album cover and songs on it. Track: You can listen to a song, pause it and look at the lyrics by clicking the text symbol (next to the pause button).

In the footer (next to the song name) there is a heart icon. This puts the chosen song to the users' favourites that are then saved into Firebase. You can see your favourite songs at any time by pressing the library icon next to the heart. This links to a view with the users' favourite songs that is currently WIP and only displays the name of your liked songs. We're working on this view! :)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •