Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/coffee-expert/apple-music-new-ui

Apple Music Clone on Flutter, with redesigned UI. Capable of online audio streaming.
https://github.com/coffee-expert/apple-music-new-ui

appdevelopment apple apple-music clone-app coffee-expert flutter flutter-apps flutterui learning-by-doing open-source opensource techprojects uiux-design

Last synced: about 1 month ago
JSON representation

Apple Music Clone on Flutter, with redesigned UI. Capable of online audio streaming.

Awesome Lists containing this project

README

        

![Apple Music Clone](https://github.com/Coffee-Expert/Apple-Music-New-UI/blob/main/Apple_music_demo/314150436-ef20722d-55b1-4977-8020-01fe931c757f.png)

# Apple Music Clone Using Flutter

Welcome to the Apple Music Clone project! This project is a demonstration of building a music player interface and functionality using Flutter, focusing on managing and playing local audio files. It's an excellent resource for developers interested in creating a music streaming application without relying on external APIs, using local sample audio for demonstration purposes.

## Who Is This For?

- **Flutter Developers:** Enhance your skills in media playback, state management, and advanced UI development.
- **UI/UX Designers:** Experiment with recreating or innovating on the user interfaces of popular music streaming services, focusing on user experience.
- **Students and Educators:** A valuable educational tool for learning app development, covering local file access, media control, and state management in Flutter.
- **Hobbyists:** Perfect for tech enthusiasts interested in combining their love for music with app development, without the complexities of backend integration.

## Key Features

- **Local Audio Playback:** Play audio files stored within the app.
- **Music Library Navigation:** Smooth navigation through a music library.
- **Playback Controls:** Includes essential features like play, pause, skip, and shuffle.
- **Coffee-Expert Flavoured:** I have made some redesigns to the official Apple Music UI (Hope u like it!).

## Showcase

### Screenshots:


Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5
Screenshot 6
Screenshot 7
Screenshot 8

### Watch the Video Demo
https://github.com/user-attachments/assets/c7ae2408-9c72-4c8d-8968-841c192c8ba3

## Getting Started

### Step 1: Clone the Repository

1. **Open Terminal or Command Prompt.**
2. **Navigate to your desired directory.**
3. **Run the following command to clone the repository:**

```bash
git clone https://github.com/Coffee-Expert/Apple-Music-New-UI
```
4. **Change into the project directory:**
```bash
cd Apple-Music-New-UI
```

### Step 2: Open in VSCode

1. **Open Visual Studio Code (VSCode).**
2. **Open the project folder in VSCode.**

### Step 3: Install Dependencies

- **In VSCode, open a terminal and run:**
```bash
flutter pub get
```

### Step 4: Run the Project

1. **Start an emulator or connect a physical device.**
2. **Run the app by pressing F5 in VSCode or using:**
```bash
flutter run
```
If you have multiple devices, select one from the prompt.

### Troubleshooting

- **Run `flutter doctor` to diagnose setup issues.**
- **Ensure Flutter and Dart extensions are installed in VSCode.**

## Additional Tips

- **Hot Reload:** Use `Ctrl + F5` in VSCode to quickly see changes.
- **Debugging:** Utilize VSCode's debugging tools for a smoother development experience.

## Installing Flutter

Make sure Flutter is installed on your system. Follow the [official Flutter installation guide](https://flutter.dev/docs/get-started/install) to get started.

## Contributions
I'm always open to contributions, star this rep if u like it!!

## Author

- **GitHub:** [Coffee-Expert](https://github.com/Coffee-Expert)

Happy Coding! 🎧

---