Code Monkey home page Code Monkey logo

potato-music-player's Introduction

We The Best Music App

A clone of Spotify using the Spotify Web API created as our final project for Phase 2 of FlatIron School to test our knowledge on React.

Upon first load of the web application, you will be asked to authenticate your Spotify account by logging in.

Upon successful login

  • You will be brought to the dashboard which will display 5 random genres as well as your own personal library on the left hand side of the application
  • A recently played section will appear below once you have played song
  • On the center of the page will be up to 20 random playlist that, once clicked will display up to the first 100 songs in that playlist
  • Once a song is clicked, it will be played using the Spotify Web API Player and the song name, artist name and album cover will be displayed in the recently played tab.

Installation

  1. Fork this repo and clone a local copy on your pc
  2. Once cloned, cd root/client
  3. Once in the client directory, type npm install in the CLI to install all packages required for the application
  4. After successful npm install, type npm start in the CLI to start the application. The application will run on port 3000
  5. Open web browser of choice and go to localhost:3000
  6. Log in to Spotify and enjoy your tunes!

Credits

Eli Robbins, Tara Kelly, and Nathan Huse.

potato-music-player's People

Contributors

nhuse avatar taramkelly avatar erobbi avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

erobbi

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.