5025221154 Helsa Sriprameswari Putri - EAS Glowin' App

EAS  PPB - Glowin' App 

🔗Link Github : https://github.com/helsasp/EAS_PPB_GlowinApp

🔗Link Demo :  

🔗Link Canva :  https://www.canva.com/design/DAGq-nOXqLA/3XcE8DmRHwEx3etoKKDLQQ/edit?utm_content=DAGq-nOXqLA&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Glowin adalah aplikasi mobile e-commerce yang fokus pada produk kecantikan dan perawatan kulit. Aplikasi ini dirancang dengan user experience yang premium, menawarkan fitur membership rewards, payment system yang lengkap, dan interface yang modern dengan animasi menarik. 

📁 Project Structure:

app/src/main/
├── java/com/example/glowinapp/
│   ├── MainActivity.kt
│   ├── screens/
│   │   ├── WelcomeScreen.kt
│   │   ├── MainScreen.kt
│   │   ├── HomeScreen.kt
│   │   ├── DiscoverScreen.kt
│   │   ├── CartScreen.kt
│   │   ├── PaymentScreen.kt
│   │   ├── ProfileScreen.kt
│   │   └── MembershipScreen.kt
│   ├── navigation/
│   │   └── AppNavigation.kt
│   ├── model/
│   │   └── Product.kt
│   └── ui/theme/
│       ├── Color.kt
│       ├── Theme.kt
│       └── Typography.kt
└── res/
    └── drawable/ (Custom Vector Icons) 

🔍 Fitur : 

1. Welcome Screen

Welcome Screen menyambut pengguna dengan animasi premium yang menawan, menampilkan logo berputar dengan efek glow yang elegan dan sparkles background yang beranimasi dinamis. Setiap transisi dilengkapi dengan micro-interactions yang smooth dan gradient background yang menarik untuk memberikan kesan pertama yang profesional dan modern.

2. Home Screen  

Home Screen berfungsi sebagai pusat discovery produk kecantikan dengan personalized greeting yang membuat setiap pengguna merasa istimewa. Fitur unggulan meliputi best products carousel untuk menampilkan produk terbaik, wishlist management dengan real-time updates untuk menyimpan produk favorit, serta product cards yang indah dengan rating system terintegrasi. Footer informatif menyediakan akses mudah ke informasi kontak dan layanan pelanggan.

3. Discover Screen

Fungsi @Composable fun DiscoverScreen menampilkan halaman utama eksplorasi produk dengan fitur pencarian dinamis, daftar produk interaktif, dan integrasi wishlist serta keranjang belanja. Saat pengguna memilih produk, tampilan berganti ke ProductDetailView untuk menampilkan detail lengkap. Dengan manajemen state seperti searchQuery dan selectedProduct, komponen ini memberikan pengalaman pengguna yang mulus untuk mencari, memilih, dan berinteraksi dengan produk secara efisien.

4. Detail Screen

Fungsi @Composable fun ProductDetailView menyajikan tampilan detail produk secara lengkap dalam aplikasi, mencakup gambar, nama, brand, deskripsi, harga, rating, komposisi, dan cara penggunaan produk. Komponen ini juga menyediakan interaksi pengguna seperti menambahkan produk ke wishlist dan keranjang belanja, serta navigasi kembali ke halaman utama, sehingga mendukung pengalaman eksplorasi dan pembelian yang intuitif dan informatif.

5. Shopping Cart

Fungsi ini menyajikan tampilan keranjang belanja premium dengan fitur kalkulasi cerdas dan manajemen produk real-time. Komponen ini mencakup display produk dengan gambar, kontrol kuantitas yang smooth, order summary dengan breakdown harga lengkap, serta integrasi Gold Member discount 15% dan free shipping benefit. Interface ini juga menyediakan interaksi pengguna seperti menambah/mengurangi kuantitas produk, navigasi ke pembayaran, dan handling empty cart dengan placeholder yang menarik, sehingga mendukung pengalaman berbelanja yang intuitif dan informatif.

6. Payment 

Fungsi ini menyajikan tampilan pembayaran yang secure dengan multiple payment methods dan form validasi lengkap. Komponen ini mencakup order summary detail, payment method selection, credit card form dengan validation, shipping address management, dan promo code system. Interface ini juga menyediakan interaksi pengguna seperti input pembayaran, aplikasi diskon, konfirmasi pesanan, dan payment success dialog, sehingga mendukung proses checkout yang aman dan terpercaya.

7. Payment Success Screen

Fungsi ini menyajikan tampilan konfirmasi pembayaran yang celebratory dengan feedback visual yang meyakinkan dan informasi pesanan yang komprehensif. Komponen ini mencakup success animation dengan checkmark, order details dengan nomor tracking, delivery information yang jelas, dan receipt confirmation. Interface ini juga menyediakan interaksi pengguna seperti continue shopping, track order navigation, order summary display, dan celebratory messaging, sehingga mendukung completion experience yang satisfying dan informative.

8. Profile & Account Management

Fungsi ini menyajikan tampilan profil pengguna yang personal dengan statistik aktivitas dan manajemen akun lengkap. Komponen ini mencakup profile header dengan avatar dan informasi personal, statistics cards untuk products bought/reviews/wishlist, membership card dengan points display, dan settings menu yang terorganisir. Interface ini juga menyediakan interaksi pengguna seperti edit profile, navigasi ke membership details, akses order history, dan beauty quiz integration, sehingga mendukung user account management yang intuitive dan comprehensive

9. Membership Page

Fungsi ini menyajikan tampilan membership premium dengan sistem poin yang komprehensif dan benefit tracking yang detail. Komponen ini mencakup membership status card dengan gradient gold, points progress bar menuju tier berikutnya, tab navigation untuk overview/rewards/history, dan benefits showcase yang visual. Interface ini juga menyediakan interaksi pengguna seperti points redemption, tier progression tracking, rewards catalog browsing, dan transaction history viewing, sehingga mendukung loyalty program experience yang engaging dan rewarding.

🖼️ App Preview :