Back to projects
Mobile App May 2026
In-Progress

Diversa

React Native
Expo
figma
firebase
Diversa Preview

Diversa - AI-Powered Gamified IT Learning Platform

Deskripsi Proyek

Diversa adalah aplikasi mobile lintas platform (Android & iOS) pembelajaran IT (EdTech) berbasis kecerdasan buatan yang dirancang untuk membuat pendidikan teknologi menjadi lebih interaktif, menarik, dan mudah diakses. Mengusung antarmuka yang modern dengan elemen gamifikasi, Diversa mengatasi masalah dropout pada pembelajaran mandiri dengan menyediakan tantangan belajar dan pendampingan mentor virtual secara real-time langsung dari genggaman pengguna.

Aplikasi ini menggunakan model bisnis campuran, di mana pengguna individu dapat menggunakan jalur Freemium untuk materi dasar, dengan opsi Upgrade ke Premium untuk membuka akses materi lanjutan dan fitur AI Assistant tanpa batas.

Tech Stack

  • Frontend: React Native (Expo) - Mobile-first approach untuk Android dan iOS.
  • UI/UX: Antarmuka gamified yang responsif dan bersih, dirancang dengan komponen mobile custom untuk mempertahankan fokus serta retensi belajar.
  • Backend & Authentication: Firebase (Menggunakan Firebase Authentication, Cloud Firestore untuk real-time database, dan Cloud Storage).
  • AI & Core Processing: Integrasi API (Python/Node.js) yang terhubung via cloud untuk memproses logika AI Assistant, prompt engineering, dan evaluasi input pengguna.

Arsitektur Antarmuka & Navigasi Utama

Aplikasi ini menggunakan sistem Bottom Navigation Bar yang membagi ekosistem pembelajaran menjadi tiga pilar utama:

1. Learning Hub (Dashboard Pusat)

  • Smart Search Bar: Memudahkan pengguna mencari bahasa pemrograman atau modul spesifik (misal: "Python for Beginners").
  • Gamified Paths: Menampilkan alur belajar interaktif lengkap dengan sistem experience points (XP), level, dan badges.
  • Interactive Modules: Fitur utama dalam area ini meliputi modul pembelajaran adaptif dan AI Mentor Chat yang selalu standby untuk memberikan troubleshooting dan panduan layaknya instruktur pribadi.

2. Progress & Analytics (Manajemen Riwayat)

  • Dasbor pelacakan performa yang menyimpan riwayat aktivitas belajar pengguna secara rapi dan visual.
  • Menampilkan metadata aktivitas: Modul yang diselesaikan, skor XP, dan rekap waktu belajar harian.
  • Data disinkronkan secara real-time menggunakan Firestore untuk memastikan progres selalu up-to-date meskipun pengguna berganti perangkat.

3. Profile & Settings (Manajemen Akun)

  • Profile Screen: Menampilkan informasi kredensial pengguna (Nama, Email, Avatar), portofolio level, serta kartu status langganan dengan tombol "Upgrade Now".
  • Settings Screen: Diakses melalui halaman Profile, menu ini memberikan kontrol penuh atas preferensi aplikasi pengguna:
    • Subscription: Manajemen paket langganan dan siklus penagihan premium.
    • Application Preferences: Mendukung toggle Tema (Light/Dark Mode) dan pengaturan Notifikasi Push untuk pengingat belajar.
    • Support & About: Akses ke Pusat Bantuan (Help Center), Kebijakan Privasi, dan tombol Log Out.