
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.