The latest articles on Forem by Shuvranshu Sekhar Sahoo (@sahooshuvranshu). https://forem.com/sahooshuvranshu https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3603259%2F872e7870-1c81-4e0a-beae-01abe43ff0e5.jpeg https://forem.com/sahooshuvranshu en Shuvranshu Sekhar Sahoo Sun, 09 Nov 2025 14:24:13 +0000 https://forem.com/sahooshuvranshu/how-i-built-a-dynamic-spotify-now-playing-banner-for-my-github-readme-using-python-and-flask-3cn1 https://forem.com/sahooshuvranshu/how-i-built-a-dynamic-spotify-now-playing-banner-for-my-github-readme-using-python-and-flask-3cn1 <h2> 🎵 Project Showcase: Spotify-Live-Banner </h2> <p>Tired of static stats on your GitHub profile? I recently launched <strong>Spotify-Live-Banner</strong>, a small, open-source web service that fetches your currently playing Spotify track and renders it as a clean, real-time, animated SVG image banner. It's a fun way to bring life to your profile, and I wanted to share the process of building it with <strong>Python and Flask</strong>.</p> <p><a href="https://spotify-live-banner.vercel.app/" rel="noopener noreferrer"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fpnos965g18ahhbfcutsd.jpg" alt="Spotify Live Banner Preview" width="800" height="274"></a></p> <h3> 1. What It Does (Core Functionality) </h3> <p>The project serves a single purpose: to provide a highly customized image URL that displays your live music activity.</p> <ul> <li> <strong>Data Source:</strong> Fetches the user's currently playing track from the Spotify API.</li> <li> <strong>Rendering:</strong> Uses Flask to serve a route that dynamically generates an <strong>SVG image</strong> based on the song data and user-defined themes (colors, animations, layout).</li> <li> <strong>Target Audience:</strong> Developers looking for a dynamic profile widget who prefer using the Python ecosystem.</li> </ul> <h3> 2. Why Python and Flask? (Comparison) </h3> <p>While there are existing solutions, I chose a Python/Flask implementation because:</p> <ul> <li> <strong>Familiarity:</strong> It offers a robust, familiar, and minimalist backend for developers in the Python world.</li> <li> <strong>Custom Logic:</strong> Flask is lightweight, making it efficient for running the SVG rendering and API caching logic required for real-time performance.</li> <li> <strong>Deployment:</strong> The project is configured for easy, free, one-click deployment on serverless platforms like Vercel and Render, making setup simple for the end-user.</li> </ul> <h3> 3. Key Features </h3> <ul> <li> <strong>Real-time Updates:</strong> Shows the song you're listening to <em>right now</em>.</li> <li> <strong>Customization:</strong> Supports various color themes, animations (e.g., spinning CD), and layouts.</li> <li> <strong>Open Source:</strong> The entire code base is available under the <strong>GPL-3.0 License</strong>.</li> </ul> <h2> 🚀 Get Started </h2> <p>If you're looking for a quick and fun Python project to deploy or want to instantly upgrade your GitHub profile with a dynamic element, feel free to clone and use it!</p> <p><strong>Check out the live demo here:</strong><br> ➡️ <strong>Live Demo (Vercel):</strong> <a href="https://spotify-live-banner.vercel.app" rel="noopener noreferrer">https://spotify-live-banner.vercel.app</a></p> <p><strong>Star the repo and check out the source code:</strong><br> ⭐ <strong>GitHub Repository:</strong> <a href="https://github.com/SahooShuvranshu/Spotify-Live-Banner" rel="noopener noreferrer">https://github.com/SahooShuvranshu/Spotify-Live-Banner</a></p> <p><em>I'd love to hear your thoughts on the code implementation or any feature suggestions! Drop a comment below.</em></p> python webdev github showdev