Moodify Music — Streaming music platform
Next-gen music platform with a complex technical stack. The project combines high-load streaming, artificial intelligence, and sound processing in the browser.
Key technical solutions:
Artificial Intelligence (AI): Integration of Google Gemini API for smart recommendations and playlist generation based on text prompts (e.g., "summer synthpop vibes").
HLS Streaming: Adaptive bitrate implemented (like in YouTube/Spotify) via hls.js for smooth operation even with poor internet.
Advanced Audio (Web Audio API): Built-in equalizer, effects (Reverb, Speed control), and real-time sound wave visualization (Oscilloscope).
Offline Mode (PWA): Full functionality without internet thanks to Service Worker and IndexedDB.
Real-time Social: Chats and display of friend activity (Friend Activity) through Socket.io.
Technology stack:
Frontend: React, TypeScript, Tailwind CSS, Zustand, Framer Motion.
Backend: Node.js, Express, MongoDB.
APIs & Libs: Gemini API, Spotify API, Socket.io, HLS.js, Web Audio API.
#React #NodeJS #Fullstack #mongodb #audio-services #streaming #AI #web-design
Key technical solutions:
Artificial Intelligence (AI): Integration of Google Gemini API for smart recommendations and playlist generation based on text prompts (e.g., "summer synthpop vibes").
HLS Streaming: Adaptive bitrate implemented (like in YouTube/Spotify) via hls.js for smooth operation even with poor internet.
Advanced Audio (Web Audio API): Built-in equalizer, effects (Reverb, Speed control), and real-time sound wave visualization (Oscilloscope).
Offline Mode (PWA): Full functionality without internet thanks to Service Worker and IndexedDB.
Real-time Social: Chats and display of friend activity (Friend Activity) through Socket.io.
Technology stack:
Frontend: React, TypeScript, Tailwind CSS, Zustand, Framer Motion.
Backend: Node.js, Express, MongoDB.
APIs & Libs: Gemini API, Spotify API, Socket.io, HLS.js, Web Audio API.
#React #NodeJS #Fullstack #mongodb #audio-services #streaming #AI #web-design