Project information

  • Category: Web development
  • TechStack: ReactJS, HTML, CSS, Django, Postman
  • Project date: May 2020
  • Documentation: Click Here
  • CodeBase: Click Here

Project Details - Music Information Bank

My friend and I have built a music information platform where music lovers can search for their songs and get information about those songs. I was in-charged of the frontend using ReactJS and my friend was in-charged of the backend. This project is both our first time handling web development and since then I have learnt a lot from this project. To ensure proper work management, we have utilised Github issues and branches.


Feature 1: Login Function
  • Users are able to register and login into their personal account.
Feature 2: Search and Results Function
  • User are able to search via the song title or artist or the album names to find their songs.
  • Only the top 10 most relevant searches will appear.
  • Users are able to access the song information by clicking the song title
  • Users are able to click "Add to Library" to store in their personal library.
Feature 3: Library Function
  • A personal library for user to store their favourite songs
  • Users will be able to remove the song from their library by clicking "Delete"
Feature 4: Discover Function
  • Users can search their choice of music via audio factors such as the acousticness level/danceability etc.