This is a free music streaming web application built with Next.js and powered by the savan API. The app allows users to search and stream music from a vast collection of songs available on the Saavn platform.
- Search and stream music from vast collection.
- Play, pause, skip, and control the playback of songs.
- Create your own playlists.
- Add songs to your favorite.
- Auto add similar songs to queue.
- Display song details such as title, artist, album, and album artwork.
- Responsive and mobile-friendly design for a great user experience.
- Minimalistic and intuitive user interface.
-
Clone the repository to your local machine.
git clone https://github.com/ch20b063/Music_app_07_.git
-
Install the required packages.
cd Music_app_07_
npm install
-
Set up the environment variables: Create env file in root dir.
MONGODB_URL = MongoDB connection string DB_NAME = database name JWT_SECRET = JWT secret NEXTAUTH_URL= next auth url (http://localhost:3000 or your domain) GOOGLE_CLIENT_ID = Google client id (https://analytify.io/get-google-client-id-and-client-secret) GOOGLE_CLIENT_SECRET = Google client secret MAIL_HOST = mail host (smtp.gmail.com) MAIL_USER = mail user (your gmail address) MAIL_PASS = mail password (google app password) NEXT_PUBLIC_SAAVN_API = "https://saavn.dev" # Saavn API URL create your own API from https://github.com/sumitkolhe/jiosaavn-api
-
Start the development server.
npm run dev
-
Open the project in your browser at
http://localhost:3000
to view your project.
Open http://localhost:3000 with your browser to see the result.