Skip to content

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

Notifications You must be signed in to change notification settings

Coffee-Expert/Apple-Music-New-UI

Repository files navigation

Apple Music Clone

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

apple_music_demo.mp4

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:
    git clone https://github.com/Coffee-Expert/Apple-Music-New-UI
  4. Change into the project directory:
    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:
    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:
    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 to get started.

Contributions

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

Author

Happy Coding! 🎧