Tugas 11 Alendra Rafif Athaillah

 Alendra Rafif

5025221297

PPB G

link github:  click here


Aplikasi UI Kloning Starbucks Sederhana

Proyek ini adalah contoh aplikasi Android sederhana yang meniru sebagian tampilan antarmuka (UI) dari aplikasi Starbucks. Aplikasi ini dibuat sepenuhnya menggunakan Kotlin dan Jetpack Compose, toolkit UI modern dari Google untuk membangun aplikasi Android native.

Tujuan utama dari proyek ini adalah sebagai sarana belajar dan demonstrasi implementasi layout dasar, daftar (list), dan komponen Material Design 3 dengan Jetpack Compose.

Tangkapan Layar (Screenshot)

Fitur

  • Top App Bar: Menampilkan logo (pseudo) dan ikon aksi.

  • Header Sambutan: Kartu di bagian atas untuk menyapa pengguna.

  • Kartu Promosi: Menampilkan penawaran spesial yang sedang berlangsung.

  • Daftar Menu: Daftar vertikal yang dapat di-scroll (LazyColumn) menampilkan berbagai item menu.

  • Item Menu dengan Gambar: Setiap item menu menampilkan gambar, nama, deskripsi singkat, dan harga.

  • Tombol Aksi: Tombol "Tambah" di setiap item menu.

  • Bottom Navigation Bar: Bar navigasi bawah dengan ikon untuk perpindahan halaman (UI statis).

Teknologi yang Digunakan

Cara Menjalankan

Untuk menjalankan proyek ini di komputer Anda, ikuti langkah-langkah berikut:

1. Prasyarat

  • Pastikan Anda telah menginstal Android Studio (versi Iguana atau lebih baru direkomendasikan).

  • Koneksi internet untuk mengunduh dependensi Gradle.

2. Kloning Repositori

Buka terminal atau command prompt dan kloning repositori ini (jika sudah di-upload ke Git).

Bash
git clone https://github.com/alendrafif/tugasstarbucks.git

Jika Anda tidak menggunakan Git, cukup salin folder proyeknya.

3. Buka di Android Studio

  • Buka Android Studio.

  • Pilih "Open" dan arahkan ke folder proyek yang telah Anda kloning atau salin.

  • Tunggu hingga Android Studio selesai melakukan sinkronisasi Gradle.

4. Build dan Jalankan

  • Pilih emulator atau hubungkan perangkat Android fisik.

  • Klik tombol Run 'app' (ikon ► berwarna hijau) di toolbar atas.




Comments

Popular posts from this blog