Project Info
This project did not submit a demo video on Devpost.
Inspiration
While it is already one of the best in the market, the Spotify playlist generator lacks the ability to adapt to it's surroundings. Users often blindly trust Spotify's ability to recommend songs to deal with their current mood, and the engine lacks the ability to read that well. This is why we integrated Hume's facial emotion detection tool to adjust the Spotify recommendations to fit the user's current mood.
What it does
This app simultaneously opens 2 windows, a Spotify playlist generator, and a webcam running in the background. The playlist generator allows the user to log into their account, choose a song to generate similar recommendations and do a basic adjustment of the vibes of their recommendation. The webcam reads the user’s face, providing a stream of emotional scores, such as happiness, excitement, angst, etc. This is reflected in the playlist generator, which refreshes every 5 seconds to adapt to the users’s current emotions.
How we built it
We wanted a way to collect real-time data about the user’s emotional scores and thus their opinion on the current song, so we decided to incorporate Hume AI’s streaming API to get facial expression data from the webcam. We combined this with a Spotify playlist generator in order to generate a more specific and accurate list of song recommendations than possible with just Spotify’s base recommendation system.
Challenges we ran into
Given the complex nature of the Hume video detection API, the main challenge was reading the source code to a point where we could make API calls between Hume’s programs and our base web app. These synchronizations are tricky and difficult given our level of experience working with large-scale web applications
Accomplishments we're proud of
This was our entire team’s first hackathon experience, and we are all proud of the fact that we were able to produce a complete project. Additionally, we are proud of taking upon a more difficult task, integrating AI into our very first project and succeeding, reading through the dense code to connect it to our own idea. We believe that the project we built and the idea we developed have the potential to be scaled into the future as well, and hope to do so.
What we learned
Much of our potholes came from not reaching out to companies and mentors for help more, trying to decrypt all the information and code we decided to use. Much of our largest problems – especially in networking – could be streamlined in a fraction of the time by consulting experienced developers, leaving more time for our executing our creative visions rather than debugging rudimentary problems.
What's next
for v We could see this project developing into a Spotify extension that runs in the background, and hopes to add features to allow for continuous smart recommendations added to the song queue, which would mean seamless, personalized music with no need for the extra steps of creating playlists or running a program each time.
Analysis
View
Metric
- 10
- 1
- 1
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- ExpressIn code
- HTMLIn code
- JavaScriptIn code
4 of 4 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
39 KB
Source files
5
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
CalHacks-10-0/Spotifeels
11 files · 116 KB · @ 921f44a
Structure
Interface
2 files · 18%Screens, components and styles rendered to the user.
Application logic
6 files · 55%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript85%
- HTML14%
- CSS2%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
spotifeels/backend/package.json
npm · 6- excel
- exceljs
- express
- multer
- papaparse
- request
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.