Attendify adalah aplikasi pelacak waktu (time tracker) minimalis yang dirancang untuk para profesional yang mengutamakan fokus. Aplikasi ini membantu pengguna melacak jam kerja, menetapkan target, dan mendapatkan wawasan produktivitas tanpa gangguan antarmuka yang rumit.
Dibangun dengan teknologi web modern terbaru untuk performa dan pengalaman pengguna yang mulus.
Berdasarkan implementasi saat ini:
- Landing Page Interaktif: Halaman depan modern dengan animasi pengetikan (typing effect) dan desain responsif.
- Dashboard Real-time:
- Live Clock: Tampilan waktu dan tanggal yang besar dan presisi.
- Check-In / Check-Out: Tombol akses cepat untuk memulai dan mengakhiri sesi kerja.
- Ringkasan Statistik: Visualisasi progres bulanan dan tahunan dengan progress bar interaktif.
- Aktivitas Terkini: Log riwayat check-in dan check-out.
- Modern UI/UX: Desain antarmuka gelap (Dark Mode) yang elegan dengan transisi halus.
- Responsif: Tampilan yang optimal di perangkat desktop, tablet, dan mobile.
Proyek ini dibangun menggunakan stack teknologi berikut (berdasarkan package.json):
- Framework: Next.js 16.1.1 (App Router)
- Library UI: React 19
- Styling:
- Tailwind CSS v4
tailwind-merge&clsxuntuk manajemen class dinamis.
- Icons:
- Lucide React
- React Icons
- Material Symbols (via Google Fonts/Class).
- Animasi:
- GSAP (GreenSock Animation Platform)
- CSS Animations & Transitions.
- Bahasa: TypeScript