Inspiration
Making real connections in today’s world can be hard, especially when dating and social apps can feel so superficial. We wanted to create an app that would allow you to make connections based on your musical tastes, as music is one of the best mediums to bond over, just about everybody in the world can talk about it and enjoy it.
What it does
Groovr is an online dating mobile app that connects nearby people based on similar music tastes. They may have similar songs in their playlists, or perhaps they enjoy some of the same genres.
How we built it
First we created a flowchart for our app which helped us understand the authentication process as well as the general flow of it.
We then created some more detailed mock up screens of how our app might look; the visual goals, and any accessibility concerns.
Finally we settled on a tech stack and moved on to creating our app. We used ReactJS to create the front-end, using material design guidelines in order to create a cohesive and accessible interface. We planned to use PostgreSQL in addition to the Spotify Web API in order to facilitate the back-end matchmaking, querying for different users based on likeness in favourite genres and tracks, in addition to more general preferences.
Challenges we ran into
Using the Spotify Web API proved to be challenging because the API is still in Beta and since not too many people are using it right now, there isn’t a lot of support for using it at the moment. Incorporating the data generated by Spotify and creating the matching algorithm was difficult and more involved than we originally planned for and was out of scope for the timeframe we had.
Accomplishments that we're proud of
We’re very happy with the design of our app, and think the time we spent on refining it through countless iterations really shows in what we created. We’re also proud of the concept we’ve created. We truly believe that the app has a plausible business model and that there are people who would choose to use it.
What we learned
For many of us, it was our first time participating in a Hackathon and working on a collaborative coding project such as this. The intense crunch in order to finish a project from start to finish like this was unfamiliar territory. We were able to put together a rough timeline for progress and come up with a tech stack, and follow it the best we could.
We also learned how to properly and efficiently collaborate using Git, as we were all working from home, making it vitally important.
Finally, we had to familiarize ourselves with ReactJS, NodeJS and using Web APIs, as well as the whole process of putting it all together to create a full-fledged app. Although it required a lot of coffee, and reading StackOverflow, we believe we managed to create something unique.
What's next for Groovr
For the future we would love to work on the matching algorithm and give more thought around how this would work. Features we weren’t able to develop on time include:
- Audio Playback! We want to use the Spotify API to play user’s selected songs
- A complete and functioning backend with a matching algorithm
Sources
https://www.tickpick.com/music-deal-breakers/ https://www.psychologytoday.com/us/blog/the-attraction-doctor/201709/does-similarity-lead-attraction-and-compatibility https://www.ncbi.nlm.nih.gov/pmc/articles/PMC6113570/
Built With
- figma
- javascript
- react
Log in or sign up for Devpost to join the conversation.