YASQ | Fullstack Web Development

Arthur Ziero

0

Fullstack Engineer

Software Architect

Software Engineer

MongoDB

React

Socket.io

Listen to music together, anytime

Music is a social experience, yet most streaming platforms focus on individual listening. While some apps allow synchronized playback, they lack interactive features like shared control and real-time communication. YASQ fills this gap by enabling groups of friends to listen together, control playback, and chat—all in one seamless experience.

Solution

YASQ is a real-time music-sharing platform where users can create virtual rooms, sync playback, and interact via chat. With a simple invite link, friends can queue songs, play, pause, and skip tracks together, ensuring a truly shared experience.
Key Features
Synchronized music playback - everyone hears the same track at the same time
Collaborative control - any participant can manage the room's song queue and playback
Real-time chat - engage with friends while enjoying music together
YouTube API integration - search and stream any song directly via the YouTube API

Results & Contributions

I designed, developed, and deployed the entire project, ensuring a smooth and responsive user experience:
My key contributions were:
Architected the application to handle real-time interactions efficiently, ensuring seamless synchronization
Developed the full backend, with an emphasis in the socket communication to ensure smooth synchronization between users
Implemented real-time features with Socket.io for synchronized playback and chat features
Integrated YouTube API to enable song searching and streaming for all the users

Technologies & Tools

Frontend: TypeScript, React, Ant Design, React Query, Axios, Socket.io Backend: TypeScript, Node, Express, Prisma, Socket.io Database: MongoDB APIs & Services: YouTube API

Showcase

Watch on YouTube
Like this project
0

Posted Sep 4, 2024

Listen to music in sync with friends! Create a room, share the link, and vibe together with real-time playback, shared queue control, and live chat.

Likes

0

Views

5

Tags

Fullstack Engineer

Software Architect

Software Engineer

MongoDB

React

Socket.io

Rolezou | Fullstack Mobile Development
Rolezou | Fullstack Mobile Development
ToFans | Fullstack Web Development
ToFans | Fullstack Web Development
Klin | Custom Enterprise Application
Klin | Custom Enterprise Application