abhishek

Menu

Close

Concert - Interactive Music App for listening music in groups.
A real-time music app with chat and synchronized listening, built with Next.js, React, Tailwind CSS, Appwrite Cloud, Express.js, Socket.io, and TypeScript.
Next.js
React
Tailwind CSS
TypeScript
Appwrite Cloud
Express.js
Socket.io
Image of Concert - Interactive Music App for listening music in groups.

Musicly is an interactive, real-time music app that allows users to stream, chat, and synchronize their listening experience with friends. Built with a modern tech stack, including Next.js 14, React, and TypeScript, the app delivers a responsive and engaging user interface, enhanced by Tailwind CSS for seamless styling.

The app’s backend is powered by Express.js, handling API requests and user data management, with Appwrite Cloud providing secure authentication and song storage. Real-time features are made possible through Socket.io, enabling live chat and synchronized listening experiences with shared timestamps, creating an immersive social aspect for users.

#Key Features

  • Real-Time Communication: Integrated with Socket.io to support live chat and synchronized music streaming, allowing friends to listen together.
  • User Authentication and Song Storage: Appwrite Cloud ensures secure user authentication and handles song storage.
  • Responsive Design: Tailwind CSS delivers a polished, responsive UI for an optimized experience across devices.
  • Backend and API Management: Express.js provides efficient API handling, user data management, and seamless interaction with the frontend.

#Tech Stack

  • Frontend: Next.js 14, React, Tailwind CSS, TypeScript
  • Backend: Express.js, Socket.io
  • Database and Authentication: Appwrite Cloud

This project enhanced my skills in building real-time applications and handling user data, authentication, and synchronized streaming, resulting in a robust, user-friendly app for music lovers.