TuneFlow is a modern music streaming web application built with Next.js that leverages the JioSaavn API to provide a seamless music listening experience.
- ๐ต Stream songs, albums, and playlists
- ๐ Search for your favorite music
- ๐จโ๐ค Browse artists and their discographies
- ๐ฑ Responsive design for all devices
- ๐๏ธ Full-featured music player with controls
- ๐ Discover latest and trending music
- Frontend: Next.js, React, Tailwind CSS
- API: JioSaavn API (unofficial)
- Styling: Tailwind CSS with custom components
- State Management: React Hooks
- Node.js 16.x or higher
- npm or yarn
-
Clone the repository:
git clone https://github.com/yourusername/tuneflow.git cd tuneflow -
Install dependencies:
npm install # or yarn install -
Set up environment variables: Create a
.envfile in the root directory with the following content:NEXT_PUBLIC_API_URL='https://jiosaavn-api-sigma-rouge.vercel.app/api/' -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser to see the application.
## API Integration
TuneFlow uses the unofficial JioSaavn API for fetching music data. The API provides endpoints for:
- Fetching songs, albums, and playlists
- Searching for music
- Getting artist information
- Retrieving trending and latest releases
## Deployment
The application can be deployed on Vercel or any other platform that supports Next.js:
```bash
npm run build
# or
yarn build
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- JioSaavn API by Sumit Kolhe
- Next.js for the React framework
- Tailwind CSS for styling