A cozy vinyl-inspired music listening room built with React, Express, and modern web audio — featuring a 3D turntable, synchronized lyrics, persistent mini-player, ambient coffee-shop atmosphere, interactive cats, and 22 verified full-length tracks.
A cozy digital listening room designed to make playing music feel like an experience.
Teyashify is a vinyl-inspired music player that combines a physical turntable aesthetic with a modern web interface.
Instead of treating music playback as just another media-control widget, Teyashify turns the experience into an immersive little listening room — complete with a wooden turntable, synchronized lyrics, ambient artwork, coffee, interactive cats, subtle animations, and a persistent mini-player.
The current production library contains 22 verified full-length playable tracks.
- 🎶 22 verified full-length playable tracks
- 💿 Physical vinyl-inspired turntable interface
- 🎧 Play, pause, seek, volume and track switching
- 🎵 Time-synchronized lyrics
- 📌 Persistent minimized music player
- 🌙 Cozy coffee-shop listening room atmosphere
- ☕ Hot coffee + iced cold brew environment props
- 🐈 Three interactive 3D-style cats
- ❤️ Pet cats to trigger heart reactions
- 😺 Soft isolated purring audio interactions
- 🖼️ Floating album artwork
- 💡 Ambient lighting and subtle room animations
- 📱 Responsive desktop, tablet and mobile layouts
- ♿ Reduced-motion accessibility support
- 🛡️ Defensive audio handling and playback protection
- React
- Vite
- JavaScript
- Tailwind CSS
- HTML5 Audio
- Web Audio API
- Node.js
- Express.js
- REST API
- Chrome / Headless Chrome
- Puppeteer / CDP
- Responsive viewport testing
- Audio playback and seeking verification
Teyashify uses a React frontend with an Express backend.
The frontend manages:
- listening room UI
- audio playback state
- turntable animation
- synchronized lyrics
- mini-player state
- interactive cat experiences
- responsive layout
The Express backend provides the song collection API and serves the application's song metadata.
The current version does not depend on MongoDB for playback or song storage.
The active library contains only tracks that have been verified as full-length playable audio.
Each verified track has been tested for:
- successful browser decoding
- playback
- seeking beyond 30 seconds
- pause/resume
- track switching
- synchronized lyrics
- range-based media requests
No preview loops, synthetic padding, or unrelated replacement recordings are used.
Don't put 20 random future features. Keep it realistic:
## 🔮 Future Ideas
- User-created listening rooms
- Personal playlists
- More visual vinyl variants
- Theme presets
- Authentication and saved collections
- Additional licensed music sources