Inspiration

This idea came from scrolling reels on Instagram and listening to my favorite songs but there was no option to create a playlist for yourself or share the playlist with your friends.

What it does

Currently, on our website, you can search for any song by name or by artist and it will filter out some results for you and display it, on clicking to listen to music you will be redirected to the shazam website where you can listen to it.

How we built it

We built it using NextJs, Tailwind CSS & Shazam API.

Challenges we ran into

We get into many tough challenges like Scrolling music function, card components & audio player.

Accomplishments that we're proud of

Successfully connect the Music API ( Shazam API ), and make cool card components built with NextJs & Tailwind.

What we learned

We learn how to integrate APIs with a web application to make different components, we learn how to fetch, get, and catch APIs

What's next for Hack This Tune

We are thinking to build a mobile app for this because it's easy to use our application in the mobile.

Built With

  • api
  • css
  • nextjs
  • tailwind
Share this project:

Updates