UI/UX / Pengembangan WebProyek akademik2025

MoneyTime

Aplikasi web yang menaruh uang dan jadwal di satu dashboard. Proyek kelompok untuk mata kuliah Implementasi dan Pengujian Perangkat Lunak, tempat saya mengerjakan desain sekaligus kode.

Peran: Desainer dan Developer
Tahun: 2025
Tim: Tim 5 mahasiswa
Platform: Web
Perangkat: HTML, CSS, JavaScript, Flask, Supabase, Groq

Halaman dashboard dengan kartu pemasukan, pengeluaran, saldo, dan jadwal mendatang, daftar transaksi per hari, daftar jadwal, dan jendela obrolan asisten. — Dashboard: pemasukan, pengeluaran, dan saldo bulanan, transaksi per hari, jadwal mendatang, dan obrolan MoneyTime Assistant.

Halaman Money dengan kartu ringkasan, daftar transaksi per hari, dan diagram lingkaran pengeluaran per kategori. — Money: transaksi per bulan dan diagram lingkaran pengeluaran per kategori.

Halaman Time dengan penghitung jadwal mendatang, selesai, dan terlambat, serta daftar yang dikelompokkan menjadi Today dan Next 7 Days. — Time: jadwal mendatang, selesai, dan terlambat, dikelompokkan menjadi Today, Next 7 Days, dan Later.

Gambaran umum

MoneyTime adalah aplikasi web yang menggabungkan pencatatan uang dan pengelolaan jadwal. Aplikasi ini punya tiga halaman utama: Dashboard yang merangkum keduanya, halaman Money untuk transaksi dan diagram pengeluaran, dan halaman Time untuk jadwal. Dashboard juga punya asisten obrolan. Kami membangunnya sebagai proyek kelompok untuk mata kuliah Implementasi dan Pengujian Perangkat Lunak.

Tech stack

Front end memakai HTML, CSS, dan JavaScript. Back end memakai Python (Flask), Supabase, dan Groq. Groq menjalankan obrolan MoneyTime Assistant di Dashboard.

Kontribusi saya

Saya mengerjakan desain sekaligus kode, dalam tim lima orang. Pembagian kerja yang tepat antaranggota tim belum tersedia.

Status

Semua fitur berfungsi kecuali sinkronisasi Google Calendar, yang belum berfungsi. Transaksi dan jumlah di tangkapan layar adalah data contoh.