Noteable

Inspiration 💭

We often find ourselves endlessly searching for a song that perfectly resonates with our current mood. The process of creating personalized playlists and switching between them throughout the day can be frustrating. This challenge inspired our vision to transition the original boombox concept into its modern form: an app that connects music to everyday memories.

What it Does 📲

Noteable revolutionizes the way users experience their day by capturing moments through photos and pairing them with fitting songs based on recognized actions in the images. These curated songs are compiled into a playlist, forming a musical memory of the user's day.

Hitting the gym? Energetic hype music. Partying with friends? Catchy, danceable beats. No matter the vibe, Noteable perfectly captures the essence of each moment – transforming snapshots into symphonies.

Our system begins by capturing and scanning images to generate descriptions based on their contents using AI technology. Integrated with the Spotify API, OpenAI generates songs that align with the "vibe" depicted in the picture. These songs are then stored in a database to be compiled into a daily Spotify playlist.

How We Built it 🛠️

The back-end was written in Python, using the Spotify API, Cloudinary API, Chat-GPT, and authorization. The front-end was built with React and the Flask API was used to create the web application.

Challenges We Ran Into 🏔️

A challenge we faced was the complexity of understanding the documentation for various APIs, which made it difficult to implement them. Integrating the back end with the front end was another situation that required careful attention to overcome. Lastly, configuring the authorization process for the Spotify API required thorough troubleshooting.

Accomplishments We're Proud of 🎉

We are proud of how quickly and well we got the AI and Spotify API working to match songs to images. Considering that it was our first time working with React, we were pleasantly surprised at how nicely the design turned out for the front-end.

What We Learned 📝

We gained valuable skills in deploying web applications using Python and Flask, along with leveraging the React framework for frontend development, which significantly enhanced our ability to craft interactive user interfaces. Despite encountering challenges during the project's development, the synergy within our team enabled us to adeptly navigate difficulties and successfully achieve our objectives.

What's Next For Noteable? ➡️

Our plan for Noteable involves its development as a mobile app, with the intention of expanding its functionality to encompass different media types, including video. As we continue to evolve, we seek to transform Noteable into a comprehensive social media platform centered around the creation and sharing of personalized musical memories.