System Architecture
- Next.js App Router → modern full-stack architecture dengan Server Components & API Routes
- TypeScript → type-safe development untuk meningkatkan maintainability
- PostgreSQL → relational database dengan performa tinggi dan skalabilitas enterprise
- Prisma ORM → type-safe database access & efficient relational queries
- React Query (TanStack Query) → server state management, caching & optimistic updates
- Zod Validation → end-to-end schema validation untuk request dan form
- JWT Authentication → secure session management & token-based authentication
- Role Based Access Control (RBAC) → manajemen hak akses berdasarkan role pengguna
- Firebase Cloud Messaging (FCM) → push notification ke aplikasi Android secara real-time
- QR Attendance Engine → sistem absensi digital berbasis QR Code
- REST API → komunikasi terintegrasi antara Admin Web dan Mobile Application
- Responsive UI → optimal pada desktop, tablet, maupun perangkat mobile.
Core Modules
Authentication & Authorization
- Login
- Secure Session
- JWT Authentication
- Password Security
- Role Based Access Control (RBAC)
Dashboard & Analytics
- Dashboard Ringkasan
- Statistik Jemaat
- Statistik Kehadiran
- Upcoming Schedule
- Announcement Overview
- Notification Overview
- Quick Actions
User & Member Management
- Administrator Management
- Church Member Management
- Role & Permission
- User Status
- Account Verification
Announcement Management
- CRUD Announcement
- Publish & Draft
- Search & Filter
- Broadcast Information
- Latest Announcement
Schedule Management
- Church Service Schedule
- Event Management
- Category Management
- Detail Schedule
- Location Integration
- Search & Filtering
Attendance Management
- QR Attendance Session
- QR Code Generation
- Check-in Monitoring
- Attendance History
- Attendance Statistics
- Session Management
Notification Management
- Broadcast Notification
- Scheduled Notification
- Push Notification (Firebase)
- Notification History
- Delivery Status Monitoring
Mobile Application
- Dashboard
- Daily Bible Verse
- Announcement Feed
- Schedule
- Attendance History
- Push Notification
- User Profile
Technology Stack
Admin Web
- Next.js (App Router)
- React
- TypeScript
- Tailwind CSS
- Shadcn/UI
- Radix UI
- React Query (TanStack Query)
- React Hook Form
- Zod
- Axios
- Lucide React
- JWT Authentication
Backend
- Next.js API Routes
- TypeScript
- Prisma ORM
- PostgreSQL
- REST API
- JWT
- Firebase Cloud Messaging (FCM)
- QR Code Generator
- Bcrypt
- Middleware Authentication
- RBAC Authorization
Mobile
- Flutter
- Dart
- Material Design
- Dio
- Provider / Riverpod (sesuai implementasi)
- Firebase Messaging
- Local Storage
- QR Scanner
- Push Notification
Database Layer
Menggunakan PostgreSQL dengan struktur database relasional yang dirancang scalable, normalized, dan mudah dikembangkan.
Mencakup entitas utama seperti:
- users
- roles
- permissions
- announcements
- schedules
- attendances
- attendance_sessions
- attendance_logs
- notifications
- notification_histories
- members
- profiles
- devices
- audit_logs
Relasi database dirancang menggunakan Prisma ORM sehingga menghasilkan query yang type-safe, efisien, dan mudah dipelihara.
Performance & Security
- Next.js Server Side Rendering (SSR)
- React Server Components
- API Route Optimization
- PostgreSQL Query Optimization
- Prisma Query Optimization
- React Query Caching
- JWT Authentication
- Role Based Access Control (RBAC)
- Middleware Security
- Zod Validation
- Secure REST API
- Firebase Push Notification Security
- QR Attendance Validation
- Type-safe Development menggunakan TypeScript
- Responsive & Mobile-first Interface
Value
- Integrated Church Management Platform
- Centralized Member Administration
- Digital Announcement Management
- Church Schedule Management
- QR-based Attendance System
- Push Notification Platform
- Real-time Church Dashboard
- Mobile & Web Synchronization
- Secure Role-based Access Control
- Scalable Enterprise Architecture
Client & Implementation
Project ini dikembangkan untuk FICC Youth (Family in Christ Community) sebagai platform digital terintegrasi untuk mendukung operasional gereja melalui Admin Web dan Mobile Android. Sistem mencakup pengelolaan jemaat, administrator, pengumuman, jadwal ibadah, absensi berbasis QR Code, push notification, serta dashboard monitoring dalam satu ekosistem yang terhubung.
Admin Web dikembangkan menggunakan Next.js, TypeScript, PostgreSQL, Prisma ORM, React Query, Zod, Tailwind CSS, Shadcn/UI, Radix UI, serta REST API dengan JWT Authentication dan Role Based Access Control (RBAC). Aplikasi mobile dibangun menggunakan Flutter & Dart dengan integrasi Firebase Cloud Messaging (FCM) untuk sinkronisasi data dan notifikasi real-time.
Saya bertanggung jawab secara end-to-end mulai dari UI/UX Design, System Architecture, Database Design, Frontend Development, Backend Development, REST API Development, Mobile Development, hingga implementasi fitur utama sehingga sistem siap digunakan sebagai aplikasi operasional gereja.