Ansh-Rathod/Flutter-Musive-app

技術主題

# spotify # flutter # flutter-apps # music-player # musicapp # spotify-ui-flutter # spotify-ui

使用的依賴

依賴清單 13 項

flutter{"sdk":"flutter"}
cupertino_icons^1.0.2
http^0.13.4
cached_network_image^3.2.0
flutter_bloc^8.0.1
line_icons^2.0.1
assets_audio_player^3.0.5
provider^6.0.2
hive_flutter^1.1.0
path_provider^2.0.8
url_launcher^6.0.18
flutter_test開發依賴{"sdk":"flutter"}
flutter_lints開發依賴^1.0.0

App 分類

音樂

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

Musive

Full-stack music player app is written in flutter and dart using node.js music API. Fully Functional music player with UI like Spotify app. Added 500+ royalty-free music and information about artists. Application users can make their own playlist or collect liked songs. for backend setup here

Demo

logo

Download the release APK

Features

added 1000+ music, 300+ artists
Queue Management
can make a collection of liked songs.
create/delete your own playlist.
Spotify UI clone for the best experience.
notification player.
recordable list for currently playing playlist ( you can drag music to set an order for playlist).
Cache support
Song, Album, Artist, and Playlist Search
Best Streaming Quality

And much more

Image Gallery

Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image Gallery Image

Dependencies

How to run?

To clone and run this application, you'll need Git and Flutter installed on your computer. From your command line:

first setup backned from here

Backend setup you can setup backend on heroku. i have attached some steps for setup in readme file of backend. and edit api/url.dart file put your own url in baseUrl variable without "https://"

Clone this repository

$ git clone https://github.com/Ansh-Rathod/Flutter-Musive-app.git

Go into the repository

$ cd Flutter-Musive-app

Install dependencies

$ flutter pub get

Run the app

$ flutter run

Contact me

for backend or any other configuration feel free to contact me.

https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white