This project uses Jetpack Compose technology, in short jetpack Compose is Android’s recommended modern toolkit for building native UI. It simplifies and accelerates UI development on Android. Quickly bring your app to life with less code, powerful tools, and intuitive Kotlin APIs. To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here.
This sample contains three screens: a list of notes, a edit or new note, and a google login to change account. The navigation from the list of notes to the interests screen uses a navigation drawer. Delete note and create a copy of note
See how to:
- Use
RowsandColumnsto arrange the contents of the UI - Add a top app bar that elevates as the user scrolls
- Use Material's
TypographyandColorSchemeto style the text - Use tonal elevation to make the
Cardsstand out from the background
| Login Screen | Home Screen | Edit Note Screen |
|---|---|---|
 |
 |
 |
| Navigation Drawer | New Note Screen | Full Video |
|---|---|---|
 |
 |
video.mp4 |
- MVVM (Model View View Model)
- Use Case (for interaction data)
- Clean Architecture (data, domain, layer)
- Clean Code
- Firebase Realtime Database
- Authenticate with Google
- Coil (An image loading library for Android backed by Kotlin Coroutines)
- Material Design 3 (Android's modern toolkit for building native UI)
- Compose UI
- Dagger-Hilt
- Firebase Realtime Database
- Authenticate with Google
- Accompanist System UI Controller
- Coil
- Material Design 3