Tunify

Tunify is an interactive online music application that offers a seamless listening experience similar to Spotify. With OAuth authentication, users can securely log in and explore features like personalized recommendations, trending tracks, and curated albums. Tunify enhances social interaction by allowing users to see the real-time activity of others—whether they are online, offline, idle, or actively listening to music. Users can even view the exact song their friends are enjoying. Additionally, Tunify comes with a built-in messaging feature, enabling instant communication while listening, making music streaming more engaging and connected.

Features

🎵 Music Experience

• Personalized Recommendations – Curated playlists and music suggestions tailored to user preferences.
• Trending & Featured – Stay updated with the latest trending songs and featured albums.
• Albums & Playlists – Explore a vast collection of albums and create or follow playlists.

🔐 Authentication

• OAuth Integration – Secure and seamless login with OAuth for easy access.

🟢 Real-time User Activity

• User Status – View the online, offline, idle, or listening status of friends and other users.

• Now Playing – See the exact song other users are currently listening to in real time.

  

💬 Messaging & Social

• In-app Messaging – Chat with friends directly within the app, enhancing social connectivity.
• Real-time Communication – Instant message updates with no delay, keeping conversations flowing smoothly.

🚀 Additional Highlights

• Interactive UI – Intuitive and responsive design for easy navigation.
• Community Engagement – Discover music through shared listening experiences.

⚙️ Admin Dashboard

• Exclusive Admin Access – Restricted area for admins only.

• Manage Music & Albums

  • Add or delete songs.

  • Add or delete albums.

    

• Platform Statistics – View insights and stats on platform activity and engagement.

  

Tunify not only offers a rich user experience but also empowers admins with tools to manage and grow the platform effectively.

Technologies Used

• Frontend: React + TypeScript , Tailwind CSS, ShadCn
• Backend: Node.js, Express.js, MongoDB
• Real-time Communication: Socket.IO
• Authentication & Security: OAuth ( Clerk )
• File & Media Storage: Cloudinary
• State Management: Zustand
• Routing: React Router
• Notifications & Toasts: react-hot-toast
• Deployment: Render, Vercel