• 

  Spot Connect Log In Page

Devpost:

(Inspiration)

From the very beginning, we were interested in creating a project involving Spotify analytics, and we proposed combining aspects of Tinder with Spotify analytics. Looking at projects from previous years, we saw that there was already a project that combines Tinder and Spotify - “Listen and Swipe.” This project specifically lets users swipe left or right on a group of Spotify songs. Using this as inspiration, we decided to take things a step further by connecting Spotify users with similar music tastes.

(What it Does)

SpotConnect is essentially match-making in terms of music tastes and interests. Users will be given descriptions of other users, and these descriptions include Spotify analytics such as top artists, top genres, album preferences, and song preferences. Based on the descriptions of other users shown to them, users on SpotConnect can either swipe left or right based on whether or not they want to connect with another user based on the Spotify Analytics shown. If users swipe right, they will be given the social media information of the other user they swiped right on.

(Challenges we ran into)

Considering our team collectively had no prior experience regarding web development, significant challenges were inevitable. To begin with, we had little to no experience with css, so frontending was especially difficult in regards to formatting the website. Backending also proved to be difficult due to our lack of background knowledge on extracting information from APIs. Figuring out how to use the Spotify API to create our own user database proved to be very time-consuming. Going into more specific challenges, when merging, we didn’t properly branch out and accidentally committed on the main file, causing a lot of errors. Also, the amount of components required to make a good running program was a lot, so we had to keep track of a lot of things at once.

(Accomplishments that we’re proud of)

First and foremost, considering that the Spotify API is commonly used in these Hackathons, we felt that our idea was very unique in itself. Also, in order to execute our plan, an almost overwhelming amount of work was required, so we’re very happy with the progress we made despite our lack of knowledge in web development. Specifically, we’re very proud of how we were able to create multiple pages that interact with each other.

(What we Learned)

As this is a very beginner-friendly hackathon, and we had little to no prior experience with web development, we learned from almost everything we did, as almost everything we did was new to us. We learned what APIs are, how to use APIs to create a user database of our own, how to use CSS to properly format and construct pages of a website, and how to work together and collaborate as a team in an unfamiliar environment.

(What’s next for SpotConnect?)

To further develop SpotConnect, we would use CSS to make the pages look more visually appealing. We would also like to add certain factors like age, so that users closer in age will be matched to each other.

Built With

• python
• react
• spotify