Website built in Reactjs using spotify api

tonedeaf

Framework

• Requires a Spotify account to log in
• Uses NPM to setup react project
• Built in ReactJS
• Uses Node express server for auth flow provided by spotify
• Uses Spotify Web Api JS by Jose Perez
• Hosted through Vercel at https://tonedeaf.vercel.app

Features

• Mobile web view/PWA supported
• User’s top 50 Artists from a time range (4 weeks/6 months/Years)
• User’s top 50 Tracks from a time range (4 weeks/6 months/Years)
• User’s 50 most recently listened tracks
• Get recommendations based on selected song attributes
• Get recommendations based on selected artists and tracks
• Ability to save playlists of any tracklist to user’s Spotify account

React

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Download Details:

Author: mlmar

Demo: https://tonedeaf.vercel.app/

Source Code: https://github.com/mlmar/tonedeaf

#reactjs #react #javascript