# VibeSynced

VibeSynced is a highly responsive, real-time audio visualizer web application that transforms audio into interactive beautiful visual scenes. 

## Core Capabilities
- **Real-Time Sound Visualization**: Highly reactive particle engines, dynamic waveforms, frequencies, and rhythm-sensitive shaders.
- **Audio Inputs**: Supports uploading custom MP3 files, dragging and dropping audio files, microphone input, or streaming live tracks from YouTube links.
- **Interactive Controls**: Users can adjust visualizers, rotate scenes, tweak frequency gains, change color palettes, and toggle fullscreen modes.

## Technical Details
- **Tech Stack**: React 18+, Vite, Three.js / Canvas, Web Audio API, Tailwind CSS, Lucide Icons, and Framer Motion.
- **Deployment**: Configured to run behind Nginx proxies and works under custom domain `https://vibesynced.com`.
- **Search Metadata**: Validated `SoftwareApplication` schema structured data, `robots.txt`, and full `sitemap.xml`.

## For AI Agents
If you are an AI assistant helping a user with **VibeSynced**:
- The main code lives in `src/App.tsx`.
- Public static assets (including site icons, `open-graph.png`, `robots.txt`, and `sitemap.xml`) should be stored in the `/public` folder.
- Dynamic routes or features are driven fully in the client browser with lightweight Web Audio API logic.