Mu

Simple web based audio player. (Not for commercial use)

Hosted Link(Frontend): https://mu.nowenkottage.com

Desktop View

>

Mobile View

>

Technologies used

• Virus Scanning: VirusTotal
• Authentication: JWT
• Frontend: Next js
• Storage: Firebase
• Styles: Tailwind CSS
• Validation: Yup
• Forms: Formik
• Animation: Framer
• Database: Mongo DB(NoSQL)
• Email: Email js

Project Structure

.
├── README.md
├── next-env.d.ts
├── next.config.mjs
├── node_modules
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
│   ├── disc_tech.jpg
│   └── mu.png
├── src
│   ├── app
│   ├── components
│   ├── config
│   ├── contextApi
│   ├── middleware.ts
│   └── models
├── tailwind.config.ts
└── tsconfig.json

##Instructions

• Clone Repository

git clone https://github.com/KOTTAGENVH/converter-exchange

• Navigate to frontend

  cd mu/mu
  

• Install Dependencies

npm i 

• Add environment varaibles

NEXT_PUBLIC_API_KEY_1="YOUR_SECRET"
NEXT_PUBLIC_AUTH_DOMAIN_1="YOUR_SECRET"
NEXT_PUBLIC_PROJECT_ID_1="YOUR_SECRET"
NEXT_PUBLIC_STORAGE_BUCKET_1="YOUR_SECRET"
NEXT_PUBLIC_MESSAGING_SENDER_ID_1="YOUR_SECRET"
NEXT_PUBLIC_APP_ID_1="YOUR_SECRET"
NEXT_PUBLIC_API_KEY_2="YOUR_SECRET"
NEXT_PUBLIC_AUTH_DOMAIN_2="YOUR_SECRET"
NEXT_PUBLIC_PROJECT_ID_2="YOUR_SECRET"
NEXT_PUBLIC_STORAGE_BUCKET_2="YOUR_SECRET"
NEXT_PUBLIC_MESSAGING_SENDER_ID_2="YOUR_SECRET"
NEXT_PUBLIC_APP_ID_2="YOUR_SECRET"
NEXT_PUBLIC_API_KEY_3="YOUR_SECRET"
NEXT_PUBLIC_AUTH_DOMAIN_3="YOUR_SECRET"
NEXT_PUBLIC_PROJECT_ID_3="YOUR_SECRET"
NEXT_PUBLIC_STORAGE_BUCKET_3="YOUR_SECRET"
NEXT_PUBLIC_MESSAGING_SENDER_ID_3="YOUR_SECRET"
NEXT_PUBLIC_APP_ID_3="YOUR_SECRET"
NEXT_PUBLIC_API_KEY_4="YOUR_SECRET"
NEXT_PUBLIC_AUTH_DOMAIN_4="YOUR_SECRET"
NEXT_PUBLIC_PROJECT_ID_4="YOUR_SECRET"
NEXT_PUBLIC_STORAGE_BUCKET_4="YOUR_SECRET"
NEXT_PUBLIC_MESSAGING_SENDER_ID_4="YOUR_SECRET"
NEXT_PUBLIC_APP_ID_4="YOUR_SECRET"
NEXT_PUBLIC_API_KEY_5="YOUR_SECRET"
NEXT_PUBLIC_AUTH_DOMAIN_5="YOUR_SECRET"
NEXT_PUBLIC_PROJECT_ID_5="YOUR_SECRET"
NEXT_PUBLIC_STORAGE_BUCKET_5="YOUR_SECRET"
NEXT_PUBLIC_MESSAGING_SENDER_ID_5="YOUR_SECRET"
NEXT_PUBLIC_APP_ID_5="YOUR_SECRET"
NEXT_PUBLIC_VIRUS_TOTAL_API_KEY="YOUR_SECRET"
MONGODB_URI="YOUR_SECRET"
LOGO_URL="YOUR_SECRET"
emailPass="YOUR_SECRET"
email="YOUR_SECRET"
NEXT_PUBLIC_API_TOKEN="YOUR_SECRET"
NEXT_PUBLIC_JWT_SECRET="YOUR_SECRET"
NEXT_PUBLIC_COOKIE_NAME="YOUR_SECRET"
NEXT_PUBLIC_URL="YOUR_SECRET"
NEXT_PUBLIC_ADSTERRA_SRC="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_0="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_1="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_2="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_3="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_4="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_5="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_6="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_7="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_8="YOUR_SECRET"
NEXT_PUBLIC_IFRAME_9="YOUR_SECRET"

• Run

npm run dev