A web application that mimics the core functionality of Spotify, built with NextJS and Supabase. This project allows users to authenticate, browse playlists, play music, add songs to favorites, and control playback, offering a familiar user experience similar to the popular music streaming service.
Experience the clone live: https://spotify-clone-momen.vercel.app/
Here's a glimpse of the application's interface.
- User Authentication: Securely log in using email & password or your GitHub account, powered by Supabase Auth.
- Playlist Management: View your personalized playlists.
- Favorite Songs: Add and manage your favorite tracks.
- Music Playback: Play, pause, skip to next/previous tracks, and control volume.
This project is built using a modern and robust technology stack:
- Frontend:
- Next.js - React framework for production.
- Tailwind CSS - A utility-first CSS framework for rapid UI development.
- Shadcn UI - Reusable components built with Radix UI and Tailwind CSS.
- Zustand - A small, fast, and scalable bearbones state-management solution.
- React Icons - SVG React icons of popular icon packs.
- Backend & Database:
- Supabase - An open-source Firebase alternative providing a PostgreSQL database, authentication, instant APIs, and real-time subscriptions.
- Deployment:
- Vercel - Cloud platform for frontend developers, enabling instant deployments.
This project was developed by following a comprehensive YouTube tutorial:
- GitHub: https://github.com/momen5406
- LinkedIn: https://www.linkedin.com/in/momen5406/
- Portfolio: https://momenhussein.vercel.app/