Ear Training App using Spotify Web APIs

Link to the blog explaining the project in a detailed way:

  1. Introduction to OAuth2 Spotify Login with React:

https://shethradhika9.medium.com/building-an-ear-training-app-using-spotify-and-react-part-1-oauth2-spotify-login-with-react-e5ffcf2f4d36

  1. Building the Interactive Quiz UI:

https://shethradhika9.medium.com/building-an-ear-training-app-using-spotify-and-react-part-2-interactive-quiz-ui-e5d250f0022d

  1. Building Java Backend and REST API calls at both frontend and backend.

https://shethradhika9.medium.com/building-an-ear-training-app-using-spotify-and-react-part-3-building-java-backend-and-rest-api-536b3acc7f8b

ABOUT:

The Ear training app is made for music learners and it helps the user to practice their skills in guessing the scale/key of the played song with the help of Spotify web APIs. The application will ask the user to guess the scale of the played song from his Spotify Playlists, Searched Albums as well as top tracks of Searched Artists in the form of a quiz.

TECHNOLOGIES USED:

Backend: Java-Spring_Framework-Hibernate-RestAPIs
Database:PostgreSQL
Frontend:ReactJS-SpotifyWebAPIs-ReactBootstrap-Axios-OAuth2

Here are some screenshots of the functioning of the project: Screenshot from 2021-01-11 09-08-11 Screenshot from 2021-01-24 14-04-38 Screenshot from 2021-01-24 15-44-12 Screenshot from 2021-01-25 10-52-34 Screenshot from 2021-01-28 08-22-09 Screenshot from 2021-03-04 17-27-10