Skip to content

Shoaibkhalid65/DesignPractice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ› ๏ธ Jetpack Compose UI Practice App

This repository contains a simple Jetpack Compose app where I practiced building custom UI designs to enhance my skills in modern Android development using Jetpack Compose.

The goal of this project is to explore and experiment with Compose's powerful UI tools like custom layouts, Material 3 components, and navigation โ€” all in a real app structure.


๐ŸŽฏ What I Practiced

  • โœ… Bottom Navigation Bar (BottomBar)
  • โœ… Top App Bar (TopBar)
  • โœ… Jetpack Compose Navigation Component
  • โœ… Gradient backgrounds and creative UI styling
  • โœ… Custom Composables for reusable UI elements
  • โœ… LazyRow and LazyColumn for horizontal/vertical lists
  • โœ… Modifier chaining for spacing, shape, size, and click behavior
  • โœ… Material 3 theming with colors, typography, and shapes
  • โœ… And much more hands-on with real UI layouts

๐Ÿ“ฑDemo Video

cutom_ui.mp4

โญ Why This Project

I created this project to:

  • Improve my understanding of Jetpack Compose UI patterns
  • Learn how to build reusable and scalable composables
  • Get comfortable with navigation
  • Experiment with custom layout designs in a real app scenario

About

๐Ÿš€ Practicing custom UI designs in Jetpack Compose to improve layout and design skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages