https://github.com/r2hu1/musichub

A stylish web music app built with Next.js 14, featuring a responsive design and a user-friendly interface.
https://github.com/r2hu1/musichub

gaana javascript music music-api music-app music-website nextjs nextjs-14 opensource shadcn-ui tailwindcss

Last synced: 7 months ago
JSON representation

A stylish web music app built with Next.js 14, featuring a responsive design and a user-friendly interface.

• Host: GitHub
• URL: https://github.com/r2hu1/musichub
• Owner: r2hu1
• License: mit
• Created: 2024-01-24T11:27:01.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-24T16:14:39.000Z (8 months ago)
• Last Synced: 2025-02-24T17:28:34.717Z (8 months ago)
• Topics: gaana, javascript, music, music-api, music-app, music-website, nextjs, nextjs-14, opensource, shadcn-ui, tailwindcss
• Language: JavaScript
• Homepage: https://musichubs.vercel.app
• Size: 8.43 MB
• Stars: 38
• Watchers: 1
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# MusicHub

MusicHub is a web music app built using Next.js 14, App Router, and an unofficial music API. The user interface is styled with Tailwind CSS.

[![Follow me](https://img.shields.io/github/followers/r2hu1?style=social)](https://github.com/r2hu1)

[![Star this Repo](https://img.shields.io/github/stars/r2hu1/musichub?style=social)](https://github.com/r2hu1/musichub)




![Homepage](/public/feed.png)

## Features

- Browse and listen to a wide variety of music.

- Light and Dark mode for user preference.

- Search for your favorite artists, albums, and tracks.

- Enjoy a seamless music listening experience.

## Screenshots

### Homepage

![Homepage](/public/feed.png)

### Search Page

![Search Page](/public/search-feed.png)

### Album Page

![Album Page](/public/album.png)

### Music Page

Player

![Music Page](/public/player-1.png)

Mobile Player

![Music Page](/public/player-2.png)

## Installation

1. Clone the repository:

```bash

git clone https://github.com/r2hu1/musichub.git

cd musichub

```

2. Install dependencies:

```bash

npm install or pnpm install

```

3. Run the development server:

```bash

npm run dev or pnpm run dev

```

Visit [http://localhost:3000](http://localhost:3000) in your browser to explore MusicHub.

## Setup Api

fork and deploy your own repo of `https://github.com/sumitkolhe/jiosaavn-api` get the deployment url and paste in .env file refer .env.example

## Contributing

Contributions are welcome! Please follow our [Contribution Guidelines](CONTRIBUTING.md).

## License

This project is licensed under the [MIT License](LICENSE).