Tugas Week 7 - PPB G - 5025221005

 

Tugas 7 - Membuat Halaman Simple Login

NAMA        : Nabilah Atika Rahma

NRP            : 5025221005

KELAS         : Pemrograman Perangkat Bergerak - PPB G

TAHUN       : 2025

🧩 Membuat Tampilan Login Sederhana dengan Jetpack Compose

---

📌 Github

🔗 GitHub - Simple Login 5025221005

---

🎯 Fitur Utama

Berikut beberapa fitur yang tersedia dalam aplikasi login ini:

✅ Input untuk email dan password
✅ Tombol Login yang menampilkan data di Logcat
✅ Teks "Forgot Password?" yang bisa diklik
✅ Login sosial (Facebook, Google, Twitter)
✅ Desain responsif untuk berbagai ukuran layar
✅ Estetika Material Design yang bersih dan elegan

---

🛠️ Komponen Utama

Proyek ini menggunakan dua komponen utama:

1. LoginScreen()

Merupakan fungsi utama yang membangun keseluruhan tampilan antarmuka login. Komponen ini terdiri dari:

• Logo aplikasi

• Input field untuk email dan password

• Tombol login

• Teks "Forgot Password"

• Divider "or sign in with"

• Ikon media sosial

2. SocialIcon()

Merupakan komponen reusable untuk ikon login media sosial. Ikon ini dapat diklik dan akan menampilkan log sesuai media sosial yang dipilih.

---

⚙️ Teknologi dan Tools

• UI Toolkit: Jetpack Compose

• Komponen: OutlinedTextField, Button, Card, Spacer, Column, Row, Image, dan Divider

• Manajemen State: remember, mutableStateOf

• Material 3 Design

---

📸 Tampilan UI & Demo

---