Playback is a web development project that my team and I worked on for our CS2340 class: Objects and Design over 4 weeks. I was one of three main front-end development engineers and UX/UI designers.
Tools & Frameworks:
Python, Django, HTML, CSS, JavaScript, React, Git
Teammates:
Angela Duodu, Brandon Parker, Jesus Sierra Jr, Tanush Chopra
User Stories and Features
The Playback
As a user, you are able to view a presentation of the different aspects of your personal Spotify music listening.
Able to parse through your Spotify account’s data to generate a detailed and creative summary of your music listening habits and tastes.
An LLM API is used to dynamically describe how you might act/think/dress..
As a user, you have the choice to create Spotify Wraps over short, medium, and long terms of my listening history.
As a user, you are to click a button to easily share your Wrapped on social media.
Customized Playback
As a user, you are able to generate and save special and distinct holiday versions of my Spotify Wrapped.
Account
As a user, you are able to create and login to an account that saves your previously generated Spotify wraps.
As a user, you can access a “contact the developers” page where you can read more about the development team and easily send them feedback.
Account Part 2
Able to log out of your account.
Account information is persistent (exists after exiting the website).
Provide a screen where past Spotify wraps (the entire wrap, not just a summary) can be accessed, viewed, and deleted.
Provide a screen where you can delete your account.
UI Customization
As a user, you are able to toggle between color modes (Retro, Dark Mode, Light Mode) that apply to all UI on the website.
As a user, you have the option to toggle between English, Spanish and French.
