Skip to content

arijitkroy/MPlayer_Pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Music Player Pro – Full Stack Spotify‑Style Music Web App 🎵

MPlayer Pro is a fully‑functional modern music streaming web application built using Next.js (Pages Router) with Firebase Authentication, Cloud Firestore, real‑time playlists, favorites, Jamendo free music API streaming, mobile‑first UI, and a Progressive Web App + Trusted Web Activity (TWA) Android app build completed.


✅ Features Implemented

🎧 Core Music Features

  • Fetches and streams legal free‑to‑use songs via public API
  • Full Spotify‑like music controls:
    • Play / Pause
    • Next / Previous
    • Shuffle
    • Repeat
  • Persistent global bottom music player
  • Fullscreen Mobile Player + Seek Bar
  • Smooth scrubbing without glitching
  • Volume control
  • Equalizer animation for currently playing track

❤️ Favorites & Library

  • Users can like/unlike songs
  • Favorites persist in Firestore per user
  • Live UI syncs instantly
  • Heart icon turns Green when favorited

🎼 Playlists System

  • Create playlists
  • Add songs to playlists using modal picker
  • Prevent duplicate songs in the same playlist
  • Playlist detail page with player integration
  • Shareable playlist link that other users can import
  • Real‑time playlist updates
  • Beautiful playlist UI (Desktop + Mobile optimized)

📱 Mobile UI / PWA / TWA

Fully designed Mobile‑first premium UX

  • Glassmorphism UI
  • Mobile now‑playing screen
  • Mobile seek‑bar support
  • Gesture‑friendly controls
  • PWA Ready
  • TWA (Trusted Web Activity) Android app successfully completed and working
  • Compatible for Play Store deployment

🔐 Authentication

  • Google Authentication using Firebase
  • Global auth session handling
  • Auto user profile management
  • Secure playlist & favorites access

🏗 Tech Stack

  • Next.js (Pages Router)
  • React + Tailwind CSS + PostCSS
  • Firebase Auth
  • Firebase Firestore
  • Jamendo Music API
  • React Icons
  • React Hot Toast
  • Trusted Web Activity (Android)

🚀 Deployment

The project is fully deployed on Vercel, with:

  • working Google Authentication
  • working streaming
  • working database features
  • no CORS or popup failures
  • production‑ready UX

🎯 Status

This project is complete and production-ready, including:

✅ Web App Finished
✅ Streaming Engine Optimized
✅ Firebase Auth + Firestore Completed
✅ Full UI & UX Completed
✅ PWA Ready
TWA Android App Built & Successfully Working 🎉


👨‍💻 Developer

Built with ❤️ and a lot of debugging 😎


📝 License

Built using free APIs. Ensure you comply with Jamendo usage policy if modifying distribution behavior.


Enjoy music streaming 🎶

About

Music Streaming Webapp using Jamendo API

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors