Mic-Talk

Description: Mictalk a web application that allows a user to have a virtual microphone and search lyrics for several songs.

Installation & Setup

1. Clone the project
2. cd mic-talk
3. pnpm i
4. pnpm dev

Project Structure

├── 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

Images