https://github.com/hamidrezasahraei/musicappcomposeui
A sample Music Player project that help you learn about Compose in Android. Note that this app only contain UI and has no logic. The design is inspired from this and this.
https://github.com/hamidrezasahraei/musicappcomposeui
android compose jetpack-android jetpack-compose music music-player ui
Last synced: about 1 year ago
JSON representation
A sample Music Player project that help you learn about Compose in Android. Note that this app only contain UI and has no logic. The design is inspired from this and this.
- Host: GitHub
- URL: https://github.com/hamidrezasahraei/musicappcomposeui
- Owner: hamidrezasahraei
- Created: 2022-03-19T17:51:51.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-07-02T12:41:33.000Z (about 4 years ago)
- Last Synced: 2023-03-09T16:31:41.950Z (over 3 years ago)
- Topics: android, compose, jetpack-android, jetpack-compose, music, music-player, ui
- Language: Kotlin
- Homepage:
- Size: 986 KB
- Stars: 26
- Watchers: 1
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Music App Compose UI
A sample Music Player project that help you learn about Compose in Android.
Note that this app only contain UI and has no logic. The design is inspired from [this](https://dribbble.com/shots/17305460-Radio-AVA-Music-Player-App-Ui-Design?utm_source=Clipboard_Shot&utm_campaign=mrfarahzad&utm_content=Radio%20AVA%20-%20Music%20Player%20App%20Ui%20Design%F0%9F%94%A5%F0%9F%A4%98&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=mrfarahzad&utm_content=Radio%20AVA%20-%20Music%20Player%20App%20Ui%20Design%F0%9F%94%A5%F0%9F%A4%98&utm_medium=Social_Share) and [this](https://github.com/philipplackner/MeditationUIYouTube).
Current State:
The desired UI:
## What used in this project:
- Row / Column / LazyRow
- Using weight and combining rows and columns for gallery like images
- Canvas in Latest albums section
- Quadratic Bezier for the waves used in Live Radio section
- BoxWithConstraints
- Align base line
- Chips like items
- ...
## Roadmap
- Complete `Browser` screen (padding of lazy rows, top archs in background, ...)
- Bottom navigation
- `My Music` screen
- `Home` screen
## Contributing
Contributions are always welcome!