Login Page - Tugas 7

Nama: Sekar Ambar Arum

NRP: 5025211041

PPB (G)


Halaman Login Sederhana


Aplikasi login ini dirancang dengan Jetpack Compose dan menawarkan berbagai fitur utama seperti input untuk email dan password, tombol login yang mencetak data ke Logcat, serta teks "Forgot Password?" yang dapat diklik. Selain itu, aplikasi mendukung login melalui media sosial seperti Facebook, Google, dan Twitter. Desainnya responsif, cocok untuk berbagai ukuran layar, dan menggunakan prinsip Material Design 3 yang bersih dan modern untuk memberikan pengalaman pengguna yang nyaman.

Struktur aplikasi terdiri dari dua komponen utama: LoginScreen() dan SocialIcon(). LoginScreen() membangun tampilan utama antarmuka login, mencakup logo aplikasi, input field, tombol login, teks bantuan, divider, dan ikon media sosial. Sedangkan SocialIcon() adalah komponen reusable untuk menampilkan ikon media sosial yang dapat diklik, yang masing-masing akan mencetak log sesuai ikon yang ditekan. Proyek ini menggunakan berbagai komponen Compose seperti OutlinedTextField, Button, Card, Image, serta pengelolaan state dengan remember dan mutableStateOf.




Komentar

Posting Komentar

Postingan populer dari blog ini

Aplikasi Image Scroll - Tugas 9

Gambar
Nama: Sekar Ambar Arum NRP: 5025211041 PPB (G) Aplikasi Image Scroll Github Aplikasi ini merupakan contoh penerapan Jetpack Compose untuk menampilkan daftar afirmasi positif dalam bentuk kartu bergambar . Setiap item di desain dengan estetika bersih dan tata letak modern, cocok untuk aplikasi motivasi atau mindfulness.
Baca selengkapnya

Hello Android! - Tugas 2

Gambar
Nama: Sekar Ambar Arum NRP: 5025211041 PPB (G) Aplikasi Hello Android Menggunakan Bahasa Kotlin GitHub package com.example.helloworld import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.padding import androidx.compose.material3.Scaffold import androidx.compose.material3.Text import androidx.compose.runtime. Composable import androidx.compose.ui.Modifier import androidx.compose.ui.tooling.preview. Preview import com.example.helloworld.ui.theme.HelloworldTheme class MainActivity : ComponentActivity() { override fun onCreate (savedInstanceState: Bundle?) { super .onCreate(savedInstanceState) enableEdgeToEdge () setContent { HelloworldTheme { Scaffold ( modifier = Modifier. fillMaxSize ()) { innerPadding -> Greeting (...
Baca selengkapnya