💊 Pulse Protect - Obat Asli, Hidup Lebih Pasti

Pulse Protect adalah inisiatif untuk membantu masyarakat Indonesia memastikan keaslian obat melalui verifikasi cepat berbasis data BPOM. Kami mengajak publik berkolaborasi mencegah peredaran obat ilegal, sekaligus menghadirkan pengalaman yang sederhana, akurat, dan dapat dipercaya.

---

🎯 Fitur-Fitur

🔎 Verifikasi Obat

• Verifikasi cepat berbasis data resmi BPOM.
• Scan kode unik atau masukkan Nomor Registrasi/NIE.

🤖 Chatbot Interaktif

• Chatbot cerdas untuk menjawab pertanyaan seputar obat.
• Panduan cara penggunaan aplikasi secara instan.
• Respon cepat tanpa harus mencari informasi di luar.

🎮 Games

Games untuk hiburan sekaligus gamifikasi. Terdapat dua jenis game:

1. Obat Asli atau Palsu?
   Uji kemampuan Anda dalam mengenali obat asli dan palsu. Game ini membantu pengguna belajar membedakan produk resmi dan ilegal dengan cepat.

2. Memory Obat
   Latih daya ingat Anda dengan mencocokkan pasangan kartu obat. Tersedia tiga tingkat kesulitan: Easy, Medium, Hard. Cocok untuk meningkatkan konsentrasi sambil mengenal berbagai jenis obat.

🛡️ Autentikasi & Profil

• Login/Sign up dengan Google.
• Verifikasi email untuk keamanan.
• Update Avatar pengguna.

💳 Payment Gateway

• Integrasi Midtrans untuk transaksi aman.

🏆 Gamifikasi Poin & Voucher

• Kumpulkan poin dari aktivitas.
• Tukarkan poin menjadi voucher menarik.

---

🛠️ Teknologi yang Digunakan

Frontend 🚀

• Framework: Next.js 15.2.4 (dengan App Router)
• Library: React 19 & React DOM 19
• Bahasa Pemrograman: TypeScript 5+
• Bundler: Turbopack (digunakan untuk development)

Integrasi 🧩

• API Framework: Next.js API Routes
• Data Sumber: BPOM
• Database ORM: Drizzle ORM
• Autentikasi:

UI/UX ✨

1. Komponen Inti

   • Radix UI (diimplementasikan melalui Shadcn UI)
   • Carousel: embla-carousel-react 8.5.1
   • Date Picker: react-day-picker 8.10.1
   • Drawer/Sheet: vaul 0.9.6
   • Resizable Layout: react-resizable-panels 2.1.7
   • Input OTP: input-otp 1.4.1

2. Styling & Tema

   • Utility-First CSS: Tailwind CSS 3.4.17
   • Utilities: class-variance-authority, clsx, tailwind-merge

3. Animasi & Efek Visual

   • Animasi Interaktif: Framer Motion 12.23.0
   • Animasi CSS: tailwindcss-animate 1.0.7
   • Animasi Vektor: lottie-react 2.4.1
   • Efek Spesial: react-confetti 6.4.0

4. Visualisasi & Notifikasi

   • Grafik & Chart: Recharts 2.15.0
   • Ikon: Lucide React 0.454.0
   • Notifikasi (Toasts): Sonner 1.7.1

Backend & Server ☁️

1. Platform & API

   • Backend as a Service (BaaS): Supabase 2.50.3
   • Serverless Functions: Next.js API Routes
   • Middleware: cors 2.8.5

2. Autentikasi & Keamanan

   • Manajemen Sesi: Supabase Auth Helpers 0.10.0
   • Token: jsonwebtoken 9.0.2 & jwt-decode 4.0.0
   • Password Hashing: bcryptjs 3.0.2
   • Auth Provider: google-auth-library 10.2.0

3. Layanan Pihak Ketiga

   • Pengiriman Email: nodemailer 6.10.1
   • Gateway Pembayaran: midtrans-client 1.4.3

AI & Machine Learning 🤖

Tools & Utilitas Lainnya 👀

1. Manajemen Form

   • Library: React Hook Form 7.54.1
   • Validasi Skema: Zod 3.24.1
   • Resolver: @hookform/resolvers 3.9.1

2. Fitur Browser

   • Pengenalan Suara: react-speech-recognition 4.0.1
   • Akses Kamera: react-webcam 7.2.0
   • Pemindaian Kode: @zxing/library 0.21.3 & @zxing/browser 0.1.5

3. Manajemen Data & State

   • HTTP Client: Axios 1.10.0
   • Manajemen Cookie: js-cookie 3.0.5 & nookies 2.5.2
   • Manipulasi Tanggal: date-fns 3.6.0
   • Unique ID Generator: uuid 11.1.0

---

Akun Uji Coba

Email: [email protected]

Kata Sandi: 12345678

Website

Pulse Protect

Repository AI/ML

Repo AI/ML