Source Preview

CuanBook

React Tailwind CSS Zustand Zod React Hook Form React Router DOM Framer Motion Recharts PostgreSQL Prisma Honojs JWT bcrypt Jest

CuanBook | Catat, Kelola, Cuan!

Screenshot

📌 Introduction

CuanBook adalah aplikasi pencatatan keuangan berbasis web yang dirancang untuk membantu pengguna mencatat pemasukan dan pengeluaran dengan mudah, mengelola arus kas, serta menghasilkan laporan keuangan yang rapi.

Proyek ini merupakan tugas akhir untuk mata kuliah Manajemen Proyek Perangkat Lunak, dengan tujuan menerapkan metodologi perencanaan, pengembangan, dan pengelolaan proyek perangkat lunak secara menyeluruh. Dengan antarmuka modern dan responsif, CuanBook cocok digunakan oleh individu maupun pelaku usaha kecil untuk memastikan setiap cuan tercatat dengan baik.

🌟 Key Features

  • Manajemen Transaksi – Catat pemasukan dan pengeluaran secara cepat dan praktis.
  • Laporan Keuangan Otomatis – Hasilkan laporan dalam format PDF dengan sekali klik.
  • Analisis Visual – Tampilkan data keuangan dalam bentuk grafik interaktif menggunakan Recharts.
  • Filter & Pencarian Data – Mudah mencari transaksi berdasarkan tanggal, kategori, atau kata kunci.
  • Notifikasi Interaktif – Gunakan toast untuk umpan balik cepat pada aksi pengguna.
  • Form Validasi – Validasi input data dengan Zod dan React Hook Form.
  • Autentikasi Aman – Backend menggunakan JWT dan bcrypt untuk autentikasi dan keamanan data.

🛠 Tech Stack

Frontend:

  • React
  • Tailwind CSS
  • Zustand (state management)
  • React Router DOM (routing)
  • React Hook Form + Zod (validasi form)
  • Recharts (visualisasi data)
  • Framer Motion (animasi UI)

Backend:

  • Honojs
  • Prisma ORM
  • PostgreSQL
  • JWT (autentikasi)
  • bcrypt.js (hashing password)
  • Jest (unit testing)

Backend Scripts:

  • dev – Menjalankan server backend dalam mode development
  • build – Build backend menggunakan TypeScript
  • start – Menjalankan server backend hasil build
  • db:push – Mendorong perubahan skema Prisma ke database
  • db:generate – Menghasilkan client Prisma
  • db:migrate – Menerapkan migrasi database
  • seed – Mengisi data awal database
  • test – Menjalankan unit testing menggunakan Jest & Supertest

🚀 Development & Repository

CuanBook terdiri dari dua bagian repositori:

🎯 Vision & Goals

Misi CuanBook adalah membantu pengguna mengelola keuangan secara lebih efisien dan terstruktur, sekaligus memberikan insight visual yang memudahkan pengambilan keputusan keuangan.

Built with ❤️ sebagai bagian dari pembelajaran Manajemen Proyek Perangkat Lunak untuk membantu Anda mencatat, mengelola, dan memaksimalkan cuan.