Personify

What does your music taste say about you?

Comment 2

Inspiration

Personify came from our love for music and the curiosity to see what our playlists might say about us. We wanted to create a fun and easy way for people to explore their music preferences and uncover personalized insights. With the help of Spotify’s API and AI, we brought this idea to life, blending technology and creativity to make music even more personal.

What it does

Personify utilizes Spotify API and OpenAI API to analyze your music listening habits and offer meaningful insights based on your most listened-to songs. By logging in, users can:

  • Discover what their music preferences reveal about their personality.
  • Explore insights about their most played tracks, their spirit animal, and potential music suggestions.
  • Receive fun and meaningful insights about their musical identity.

How we built it

  • Frontend: Built using React and Vite for a fast and dynamic user experience, styled with Material-UI for modern design elements.
  • Backend: Powered by Flask, handling Spotify API integration for user authentication and data retrieval.
  • Spotify API: Leveraged Spotify’s Web API to fetch user data, including most listened-to songs.
  • OpenAI API: Incorporated OpenAI’s API to generate creative and engaging descriptions of users' music personalities based on their Spotify data.
  • Team Collaboration: Coordinated using GitHub for version control and Figma for design brainstorming.

Challenges we ran into

  • Integrating two APIs (Spotify and OpenAI) simultaneously presented unique challenges!
  • Debugging and securely implementing OAuth for Spotify’s authentication.
  • Learning to effectively use OpenAI’s API prompts to generate accurate and creative outputs.
  • Resolving issues when creating the React-Vite project.

Accomplishments that we're proud of

  • Successfully connecting the backend and frontend for the first time as a team.
  • Building a fully functional login flow using Spotify’s authentication API.
  • Developing a React-Vite project despite most team members being new to the framework.
  • Collaborating effectively and creating a polished, user-friendly interface.

What we learned

  • Integrating third-party APIs, particularly Spotify’s Web API and OpenAI API.
  • The basics of OAuth and handling authentication securely in web apps.
  • Writing effective prompts for OpenAI’s API to generate meaningful and creative responses.
  • React-Vite workflows and best practices for building fast, responsive frontend applications.
  • The importance of teamwork, communication, and breaking down large tasks into manageable pieces.

What's next for Personify

Our team has a few ideas to expand Personify:

  • Mobile App Development
  • Deeper Insights: Introducing more personalized features such as breakdowns of favorite playlists, and music habits over time.
  • Social Features: Allowing users to share their insights with friends or compare musical profiles.

Built With

Share this project:

Updates