Skip to content

Repository files navigation

Compose Learning 📱

This repository contains my learning and practice while learning Jetpack Compose for Android development.

I started from the basics and slowly moved towards layouts, UI components, state, navigation, and small projects.

🛠️ Technologies Used

  • Kotlin
  • Jetpack Compose
  • Android Studio
  • Material 3

📚 What I Am Learning

A - Fundamentals

Learning the basic concepts of Jetpack Compose.

  • Composable functions
  • Text
  • Buttons
  • Images
  • Modifiers
  • State
  • Basic UI elements

B - Layouts

Learning how to arrange UI elements using:

  • Column
  • Row
  • Box
  • Spacer
  • Padding
  • Alignment
  • Arrangement

C - Tools

Practicing different Compose tools and UI components.

D - Menu & Box

Learning how to create menus and use Box.

E - Scaffold

Learning how to use Scaffold to create the basic structure of a screen.

F - Navigation Drawer

Learning how to create and use a Navigation Drawer.

G - LazyRow & LazyColumn

Learning how to display lists using:

  • LazyRow
  • LazyColumn

H - Navigation Controller

Learning how to move from one screen to another using Navigation in Compose.

I - Passing Data

Learning how to pass data from one screen to another using parameters.

J - Nested Navigation

Learning how to handle navigation inside different parts of an application.


🚀 Projects

These are some small projects I made while learning Compose.

1. Tasbee App

A simple Tasbee counter app.

What it does

  • Shows different Tasbeeh
  • Counts the number of times the button is pressed
  • Allows moving between different Tasbeeh
  • Resets the count when changing the Tasbeeh

What I learned

  • State using remember and mutableStateOf
  • Buttons and IconButton
  • Working with lists
  • Updating the UI when state changes
  • Using icons
  • Basic Compose layouts

2. Login Page

A simple login page made using Jetpack Compose.

What it does

  • Shows a login screen
  • Takes user input
  • Uses Compose UI components
  • Used as practice for creating a real app screen

What I learned

  • Text fields
  • Buttons
  • Password fields
  • Layout design
  • Modifiers
  • Handling user input
  • Creating reusable Composable functions

3. LazyNavigate

A small project created to practice LazyColumn and Navigation together.

What it does

  • Displays a list of items
  • Allows selecting an item
  • Moves between different screens
  • Passes selected data to another screen

What I learned

  • LazyColumn
  • Navigation in Compose
  • NavController
  • Passing data between screens
  • Screen-to-screen navigation
  • Working with parameters

🎯 Purpose

This is mainly a learning and practice repository.

I am adding examples and small projects here as I learn new concepts in Jetpack Compose.

The goal is to start from the basics and slowly improve my Android development skills.

👨‍💻 Author

Hamza Mallick

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages