Inspiration
If you're like me, then you're a pretty big music nerd, and something that all music nerds universally enjoy is finding new music to listen to. Not only can they find new music to add to a playlist, but it could possibly find them their new favorite aritst.
What it does
This project has users input an artist, and it will suggest new and similar artists for them to listen to as well.
How we built it
This artist recommendation program is built using HTML, CSS, and JavaScript. The HTML provides the structure of the page, with sections for the title screen, a form to input an artist name, and an area to display the recommended artists. CSS styles the page, adding colors, fonts, and layout design to make it visually appealing and responsive. The JavaScript adds interactivity by listening for user input, then retrieving and displaying similar artists based on a database. It also includes artist descriptions for each recommendation, creating a dynamic and engaging experience for users.
Challenges we ran into
The main challenge when making a project like this is just trying to ensure everything is in the right location and just the overall program works as it should. When it came to design, the issue that arose is just making sure that all the buttons and text-fields worked as it should. Throughout development, the main issue I faced was that the location of the button and the actual button pressing functionality wouldn't be entirely accruate and would oftentimes be in different locations.
I think another issue I found was just the time. It was a struggle to finish the project in 24 hours as I had to learn both HTML and CSS online while programming. The learning by itself was time consuming, and it took an excessive amount of time to make everything as perfect as I wanted it to be.
Accomplishments that we're proud of
Given how short this hackathon was and how it was my first, I'm just proud to have completed this in such a short amount of time and looks good overall.
What we learned
From this hackathon, I learned more about programming in HTML and CSS, but also prioritizing using the right tools where needed.
What's next for mindfndr
If I decide to pursue this idea more, I would definately like to clean up the interface more, and also incorporate more musical artists into the program. It would also be nice to add a simple description for each of the recommended artists. I would also like to add a back button so that you can go back to the page where you enter an artist. It isn't as efficient to always refresh the page just to get back to that page :). Another idea could be to compile a playlist with some recommended songs from each artist on services like Apple Music or Spotify.
Log in or sign up for Devpost to join the conversation.