Emotion Soundscape is a single-page web application built with Next.js, Tone.js, and React Three Fiber. It invites users to select an emotion and be immersed in a pulsing world of synchronized sound and visuals.
The experience creates a meditative space where users can explore different emotional states through interactive audio-visual feedback.
Choose from various emotions to trigger different soundscapes.
Sound and visuals pulse together in harmony via Tone.js and React Three Fiber integration.
Deployed the app to Vercel from a GitHub repo.
Technology
Next.js - React framework for production
React Three Fiber - React renderer for three.js
Tone.js - Web Audio framework
Vercel - platform for deploying and hosting
shadcn/ui - beautifully-designed, accessible components and a code distribution platform