About Spotify-Now-Playing

🎧 Spotify Now Playing is a Next.js application that displays the currently playing track on your Spotify account in real-time. It uses the Spotify API and includes a dynamic progress bar to show the remaining time on the track.

a

Published by

aayushbharti

Visit View Profile

README.md

View on GitHub

Spotify Now Playing 🎧

A Next.js application that displays your currently playing track on Spotify in real-time, using the Spotify API. This project uses a progress bar to show the time remaining for the current track and updates dynamically as you listen to music.

Features ✨

Displays the currently playing track on Spotify
Real-time track updates
Responsive design for mobile and desktop
Built with Next.js, TypeScript, Tailwind CSS
Utilizes a progress bar to visualize the current playback time of the track

Demo 🔗

Live Demo

Screenshots 📸

Spotify Now Playing

Tech Stack 🛠️

Next.js: React framework with server-side rendering and static site generation
TypeScript: Typed JavaScript for safer and scalable development
Tailwind CSS: Utility-first CSS framework for styling the app
Spotify API: To fetch currently playing song details from your Spotify account

TypeScript Integration 📘

This project is written in TypeScript for type safety and enhanced development experience. It uses TypeScript across the app to ensure strict type checking and maintainable code.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deployment 📦

You can easily deploy this project using any platform that supports Next.js.

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Acknowledgements 🙏

Developed with ❤️ by Aayush Bharti 👨‍💻

Spotify-Now-Playing