That Feeling When (TFW)

Feed page for adding songs to playlists
About Us page
Our main title logo!
Our logo for the navigation bar
Acronym graphic for our navigation bar

Inspiration

We all love music and love sharing with each other, so we thought, "wouldn't it be great if the whole world could collaborate and share music?"

What it does

Users can log in with their Spotify Accounts, create posts that other users can interact with to build playlists around a specific feeling/mood, and best of all, they can export these playlists directly to their Spotify. The project also showcases music artists from different underrepresented communities: women, people of color, and the Deaf/Hard of Hearing community. Users are also able to view their own top 5 songs and artists, and have direct access to the posts they've created on a profile page designed especially for them.

How we built it

After brainstorming our project, we first did a lot of research into the documentation for Spotify's API. We started out with basic Spotify authentication in a React app, and then started working on functionality for creating posts and doing other user related actions. We did this by setting up a server to send API requests to and to store user data. For most of the rest of the project, we worked on features related to Spotify requests and then our own API requests, all while polishing the look of the project.

Challenges we ran into

None of us had prior experience with React and limited experience in Javascript. We'd also never worked with the Spotify APIs or other publically available APIs before, so there was a huge learning curve with all of that.

Accomplishments that we're proud of

We're so proud we got this all to work in the short timeframe of the hackathon! We're really proud of our teamwork and perserverence throughout the project, there were definitely a lot of rough patches and moments of doubt in the project, but we were able to continue and work through them.

What we learned

When in doubt, restart the server! We learned new languages, time management, how to make a good estimation of MVP, and how to effectively divide work according to people's skills.

What's next for That Feeling When (TFW)

Making the app cross-platform! We'd love to be able to expand this to other streaming services so people can save playlists wherever they listen to their music. Adding followers! To build more community, it would be great to be able to follow users directly from their posts in the app and to be able to see their profiles. (We do know how to do this, it's just out of the scope of this hackathon) Events! In the future, we'd add an Events in Your Area tab to allow people to meet up and go to events like concerts in the area with groups.

Built With

Submitted to

WiCHacks '24

Created by

I worked on the backend which mainly consisted of setting up and calling API requests to the Spotify API and our own user storage, as well as setting up the main framework and architecture of the project.

I got to learn so much about working with APIs, how to set up a React App, and had so much fun working with this team :)

Aemilia Blais
On this project, I primarily worked on the front-end and design of the home and feed pages.

Peyton Wagner
I contributed most of my time to front end work on our profile page, working to fetch user information such as profile pictures, followers, and top tracks/artists. I designed the logos you see on our navigation bar and on our home page to help convey the meaning of our website and emphasize its purpose. I assisted with debugging for our feed and collaborated with my team members to make this idea a reality!

Kaitlynn Clement