Jetpack_Compose

Full Stack Native Android Application Development in Kotlin with Jetpack Compose.

Overview

Jetpack_Compose is a sample Android application showcasing various Jetpack Compose components and patterns in Kotlin. It includes multiple mini-projects, such as a calculator, custom UI controls (system settings UI), animations, Spotify-like screens, code snippets viewer, and WebView integration.

Features

• Home Dashboard: Grid-based navigation to individual sample modules.
• Calculator: Custom seven-segment style calculator with infix/postfix expression support using exp4j.
• System Settings UI: Interactive brightness and volume controls with drag gestures, dynamic date/time, and status bar customization.
• Code Snippets: Display and manage code snippets with detailed view dialogs.
• WebViewX: Embedded WebView for browsing external content.
• Spotify UI: Splash screen and animated Spotify-like playlist lookup interface.
• Animations: Text, shape, and layout animations including expandable cards and dynamic radius effects.

Prerequisites

• Android Studio Bumblebee or later
• JDK 17
• Android SDK 24+ and API 34
• Kotlin 1.8+

Setup and Installation

1. Clone the repository

   git clone https://github.com/fun-zonez/Jetpack_Compose.git
   cd Jetpack_Compose

2. Open in Android Studio

   • Select File > Open and choose the Jetpack_Compose folder.

3. Build the Project

   • Android Studio will sync Gradle and download dependencies automatically.
   • If prompted, install missing SDK components.

4. Run the App

   • Connect an Android device or start an emulator.
   • Click Run > Run 'app'.

Usage

• Home Screen: Tap any card to navigate to the corresponding module.
• Calculator: Perform arithmetic operations;
• System Settings UI: Drag sliders to adjust brightness and volume, toggle features in quick settings.
• Code Snippets: View a list of code snippets; tap items to see details.
• WebViewX: Opens a WebView to browse specified URLs.
• Spotify UI: Enter a playlist link and tap Look-Up Spotify for animation demo.
• Animations: Explore various Compose animations including text, shape, and layout transitions.