Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/milind-ranjan/musicapp-ui
MusicApp-UI is a modern Android app featuring a clean, intuitive interface built with Jetpack Compose. Designed as a UI-only project, it allows users to browse, play music, and manage playlists seamlessly.
https://github.com/milind-ranjan/musicapp-ui
android android-studio jetpack-compose music-app navigation viewmodel
Last synced: about 1 month ago
JSON representation
MusicApp-UI is a modern Android app featuring a clean, intuitive interface built with Jetpack Compose. Designed as a UI-only project, it allows users to browse, play music, and manage playlists seamlessly.
- Host: GitHub
- URL: https://github.com/milind-ranjan/musicapp-ui
- Owner: Milind-Ranjan
- Created: 2024-08-20T11:40:17.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-21T17:59:21.000Z (6 months ago)
- Last Synced: 2024-11-12T22:34:36.370Z (3 months ago)
- Topics: android, android-studio, jetpack-compose, music-app, navigation, viewmodel
- Language: Kotlin
- Homepage:
- Size: 126 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MusicApp-UI
## Overview
MusicApp-UI is a music application built with Jetpack Compose for Android. This app features a modern UI with bottom and drawer navigation, allowing users to explore music content such as home, library, browse, and manage their account.
## Features
- **Bottom Navigation:** Easily switch between Home, Library, and Browse screens.
- **Drawer Navigation:** Access Account settings, Subscription details, and Add Account features.
- **Dynamic UI:** The user interface adapts dynamically based on navigation and user interactions.
- **State Management:** Manages the current screen and navigation state using ViewModel.
## Architecture
- **MainActivity:** The entry point of the application, setting up the UI using Jetpack Compose.
- **MainViewModel:** Manages the current screen state and handles navigation logic.
- **Screen:** Defines various screens for both bottom and drawer navigation, including titles, routes, and icons.
- **Lib:** Represents library items with corresponding icons and names.
## Setup
1. **Clone the repository:**
```bash
git clone https://github.com/Milind-Ranjan/MusicApp-UI.git
2. Navigate to the project directory:
```bash
cd MusicApp-UI
3. Open the project in Android Studio:
• Import the project as a Gradle project.
4. Build and run the application:
• Ensure that you have an Android emulator or a physical device connected.
• Click on the “Run” button in Android Studio.
## Dependencies
- Jetpack Compose
- AndroidX libraries
- Material3
- Kotlin
## Code Explanation
- MainActivity.kt: Sets the content view using setContent and applies the MusicAppUITheme to wrap the MainView.
- MainViewModel.kt: Provides state management for the current screen. Uses MutableState to update and observe screen changes.
- Screen.kt: Defines screen configurations for bottom and drawer navigation, including titles, routes, and icons.
- Lib.kt: Contains a data class for library items, used to represent different sections in the library.
## Contributing
Feel free to open issues or submit pull requests for improvements or bug fixes. For any discussions, please reach out through the project’s issue tracker.
## Contact
- Email: [email protected]