My Process

I created a fullstack web application that allows Spotify Premium user to synchronize playback of podcasts between devices seamlessly. Think having a Netflix Watchparty for a Spotify Podcast! It's a great way to connect with others over fun, informative or interesting ideas. The app uses Django REST, React and the Spotify API.

System Design

Folder Structure

This is the abridged folder structure I used to construct this project. I seperated the frontend, backend, and the Spotify API into their own folders, the Spotify folder containing the bulk of the logic as that's where most of the magic happens.

Code Snippets

code snippet

This is a class that inherits from the API View which calls the forward_fifteen() function.

These are utility functions called by the API Views. The latter finds the progress of the current episode in milliseconds and returns it. The former uses the latter function to execute a Spotify API request to add 15 seconds to the current time of the episode.

This is code from the front end that renders the home page.

If you'd like to learn more about how I built this project, feel free to reach out to me on the socials linked below, or at naiadbaksh@gmail.com.

LinkedIn
Twitter
Instagram
GitHub