top of page
log out.png

Our Project: Spotify Wrapped

A web application that allows users to view their Spotify history and analytics

User Functionality and Features

Find out more about our process by clicking the [+] button in the navigation bar!

Record Player

Top songs

As a user, I would like to be able to hear clips from some of my top songs play during my Spotify Wrapped (+3)

Drive-in Movie

CI/CD

As a developer, I would like a GitHub Actions CI/CD pipeline to verify that my changes build and are formatted correctly (according to pylint or pep8) and to prevent PRs with bad changes from being merged into main (+2) 

Gaming with Retro Joystick

Simple game

As a user, I would like fun games embedded into my Spotify Wrapped that quiz me on my own taste (+2)

Golden Watch

Time period

As a user, I would like to create Spotify Wraps over short, medium, and long terms of my listening history (each of these options must be distinguishable when saved) (+2)

Image by EJ Strat

Dark mode

As a user, I would like to be able to toggle a dark-mode that applies to all UI on the website (+2)

A skywalk at Sathon

Animations

As a user, I would like to see transition animations between each Spotify Wrapped page and hover effects on some of the pages (+2)

Image by Melinda Gimpel

Contact Developers

As a user, I would like to be able to access a “contact the developers” page where I can read more about the development team and easily send them feedback (+1)

Keeping accounts

Documentation

As a developer, I would like all functions to have proper documentation so I can easily understand them at a glance (use docstrings for Python functions and JSDoc for JavaScript functions) (+1)

Design Magazine

FIGMA

As a front-end developer, I would like to have a wireframe-flow diagram on Figma or Balsamiq for all planned screens that clearly guide me in implementing the website’s UI (+1)

Base User Functionality and Features

01.

As a user, I want to be able to view a presentation of the different aspects of my personal Spotify music listening tastes displayed in colorful and fun ways.

02.

As a user, I would like to be able to create and login to an account that saves my previously generated Spotify wraps.

03.

As a user, I would like the UI to be aesthetically-pleasing and responsive.

04.

As a developer, I would like to avoid security leaks by not hosting secrets like API keys on GitHub.

Website Preview

landing.png
sign up.png
wrapped history.png
top song.png

Meet Our Team

Find out more in the contributions tab!

Click the [+] button in the navigation bar. 

8A3A0902e2_edited.jpg

Emily Rosenfeld

Scrum Master and Back-end

IMG_7685.heic

Shanaya Bharucha

Back-end

serving face_edited.jpg

Anne Youn

Product Owner and Full-stack

JessicaOsborne_BuzzCard_Photo.png

Jessica Osborne

Full-stack

joanne.jpg

Joanne Gosal

Full-stack

Spotify Wrapped Portfolio

Welcome to our portfolio. Here you’ll find snippets of our website. Explore our project to learn more about what we did!

Demo

This video has been deleted.
bottom of page