Spotify stats web app

This is spotify stats musique tracking app. A mobile web app will let you know your monthly stats about your artists tracks. Because you're what you measure

Click on the image to go to live demo

Note: This is only a mobile web app

Video explanation

📽🎬

Built With

• Node.js
• React
• Redux
• CSS
• ES6
• Spotify API
• My spotify stats backend API
• Spotify web library

Authorization workFlow API diagrams

Check the documentation

Getting Started

In order to start with this project you need the next:

Download repository

• Get a copy of this project this repository 📘

Generate access tokens

Spotify

• Go to the developer Spotify API endpoint page
• Create an app you get
• Fill the form and submit this one
• At the end you will see two keys (CLIENT_ID and SECRET_ID)
• On this project create a .env file
• Create a key name called REACT_APP_CLIENT_ID and REACT_APP_CLIENT_SECRET
• Copy your keys form the Spotify web page dashboard
• Paste on each variable respectively

Remember: Spotify key has a limit time, however the app generates a token when the last is not invalid

This project was developed with the Spotify library, go check it out this is the documentation

Run the project

• Runs the app in the development mode.
  

  npm start
  

• Open http://localhost:3000 to view it in the browser.
• Follow the video instructions

Deployment

Deployed with Netlify

Authors

👤 Bertil Tandayamo

• Github: @bertil291utn
• Twitter: @btandayamo
• LinkedIn: Bertil Tandayamo

Issues

• When you write a route manually pop up not found file with the live demo

Improvements

• Fix routes (root, /artists, /results)
• Add profile section
• LogOut option

Acknowledgment

Inspired design by Gregoire Vella and Natan Jablonski

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you got until here, show your love hitting the ⭐️ button, I'd appreciate it.

To crete a pull request:

• Clone this project and create another branch
• Make the required changes
• Send a pull request from the new branch

📝 License

This project is MIT licensed.