JRheeTU
commented
3 weeks ago Tbh, this seems pretty hard to implement (though I haven't really looked into the whole Spotify thing and how they make the "for you" and "wrapped," but it'd be cool if you could make it. People eat up anything related to self-expression and personality (astrology girls are proof of this). If you somehow got this working, it would have a lot of potential to get engagement/exposure.
That being said, I'm not gonna work on it.
sophiem18
emholland
QwertyFate
Keywords Section #005 Javascript, React, Spotify API, Web App, Basically lets you and your friends vibe with some music that is based off of your most listened to, and the current moods you're in It's like blend, but for specific vibes and also collab playlists, but without the work.
Project Abstract
What the product does and how it does it from a user point of view – at a high level.
basically it would end up with a playlist that looks similar to a blend one. do u kinda see the vision plzzzz tell me u do its just rlly ugly:
High Level Requirement
Automated Music Input: No need to manually input favorite songs. The app automatically gets each user’s most played tracks or top artists from their Spotify account. Theme or Mood Selection: Users can choose a playlist theme, like "party" or "chill," to generate a vibe that fits the occasion. Collaborative Playlist Creation: Each participant's music is equally represented, making sure no one's taste is left out. Seamless Integration with Spotify: After logging in with Spotify, pick a mood and the playlist is created and ready to be played, then you can add your playlist on spotify
How It Does It: User Logs In: Users authenticate using their Spotify credentials. Top Tracks are Fetched: Once logged in, the app automatically fetches each user’s top tracks from their listening history. Theme Selection: The user can select a playlist theme or mood (optional). Playlist Generation: The app combines everyone’s top tracks based on the chosen theme, ensuring a balance between each person's preferences. Share and Play: The playlist is saved and can be shared with the group or played directly in Spotify.
Conceptual Design
Frontend : The frontend will be built as a single-page application (SPA) using React.js to provide an interactive and responsive user experience. made with Javascript (JSX for react components) (thinking of doing Material UI or Tailwind CSS so we dont have to focus too much on the style)
Backend : A Node.js server using Express.js for API requests, Spotify OAuth authentication, and playlist generation logic. Also javascript with express.js and passport.js also axios for API calls
Database: MongoDB will store user data (e.g., tokens, playlist preferences, session details).
Spotify API: The app will interact heavily with the Spotify Web API for user authentication, fetching top tracks, and creating playlists.
Security: OAuth Tokens and stored in local storage
Proof of Concept
Include a link to a public git repository. This repository include code using the same programming language, framework, libraries, and APIs needed to demonstrate the tools are going to work together. The code does not need to be extensive, but it needs to compile and run. It is ok if the code is straight from a tutorial as long it is compiling and running.
https://github.com/sophiem18/musicVibeSync
In this document or a readme file in the repository, include instructions on how to compile and run the code. Specify the operating system version and the version of the compiler to used build the project.
If your project is as contribution to an open source, you need to show you can modify, compile and run the source code of the project.
Background
Comparison to Similar Products
Spotify Jam Sessions yessss: Yes both of them allow collab playlists but mine will make it automated based on history!!
Spotify BLEND: Blends 2 peoples music tastes, doesnt let you decide based on mood, but it does update very often.
this a playlist maker Not like mine because it isnt group! I do think this will help me with understanding the spotify api though,
Required Resources
I need to read up on MongoDB, databases in general.
I think a lot of knowledge work needs to be done, lots of research in general. Look into Spotify Web API documentation and understand that aspect.
Spotify Web API Documentation: To understand the available endpoints and how to integrate with the Spotify platform (Spotify Developer). React.js Documentation: For building the frontend (React Docs). Node.js/Express.js: For backend development (Express Docs).