├── public
│ ├── images
│ │ ├── darkbackground.jpg
│ │ ├── lightbackground.jpg
│ │ ├── mic.jpg
│ │ ├── mic1.jpg
│ │ └── mic2.jpg
│ ├── next.svg
│ ├── robots.txt
│ ├── sitemap-0.xml
│ ├── sitemap.xml
│ └── vercel.svg
├── src
│ ├── Api
│ │ ├── axios
│ │ │ └── api.tsx
│ │ └── services
│ │ └── karoke.tsx
│ ├── app
│ │ ├── favicon.ico
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ ├── legal
│ │ │ └── page.tsx
│ │ └── page.tsx
│ ├── components
│ │ ├── header.tsx
│ │ ├── microphoneModal.tsx
│ │ ├── speakerModal.tsx
│ ├── contextApi
│ │ ├── darkmodeContext.tsx
│ │ ├── microphoneContext.tsx
│ │ ├── modalContext.tsx
│ │ ├── speakerContext.tsx
│ │ └── volumeContext.tsx
│ ├── css
│ │ └── mic.css
│ └── types.d.ts
├── tailwind.config.ts
└── tsconfig.json
