Allnimall Pet Collar System

Allnimall Pet Collar System

Project Overview: Allnimall Pet Collar System

  • Project Name: Allnimall Pet Collar System

  • Client / Company: Hobby with Glen Rynaldy (Business Idea / Prototype)

  • Project Type: Collaborative Prototype

  • Role: Fullstack Engineer

📌 Project Description

Allnimall is an innovative IoT-adjacent software prototype designed to enhance pet safety and healthcare tracking through custom smart collars. The core business concept revolves around cost-effective QR-coded collars that link physical pets to a secure cloud database. By bridging physical identification with a mobile-first web system, it offers instant owner notifications, missing pet reporting, real-time scanning geolocation tracking, and centralized digital health records for pet owners without the burden of expensive monthly subscription fees.

💻 Tech Stack

  • Framework: Next.js (React)

  • Database & Backend Service: Supabase

  • ORM: Prisma

  • Form Management: React Hook Form

  • Data Schema & Validation: Zod

🛠️ Key Contributions & Responsibilities

As the sole Fullstack Engineer on this prototype, I architected both the client-side interaction models and backend database schemas to simulate a market-ready production product:

Security & Authentication Infrastructure

  • Passwordless OTP Authentication: Designed and engineered a mobile-first, 6-digit OTP (One-Time Password) verification flow to streamline user access via contact numbers, minimizing onboarding friction.

  • Account Lifecycle Security: Built secure data mutation handlers allowing users to change profile details, toggle platform push notifications, or safely trigger account deletions under strict privacy guidelines.

Core Pet Management & Lost-and-Found Engine

  • Dynamic Pet Dashboard: Implemented a clean, card-based pet tracking directory filtered by categories (e.g., Semua, Kucing, Anjing) featuring real-time visual tags for critical statuses like "Hilang" (Missing).

  • QR-Scan Geolocation Tracking: Integrated a dynamic map indexing system (Leaflet/Map interface) that logs coordinates when a pet's QR collar is scanned, alerting owners of the precise location where their missing pet was discovered.

  • Ownership & Status Governance: Formulated multi-action menu systems to process sensitive status updates, enabling owners to easily initiate ownership transfer requests (Undang kepemilikan) or flag a pet as lost (Laporkan kehilangan).

Health Tracking & Medical Log System

  • Centralized Health Matrix: Created interactive analytical sub-panels to track and update vital medical markers, such as weight history timelines, vaccine progress updates (Update Data Vaksin), and sterilization statuses.

  • Comprehensive Pet Profiles: Standardized base-profile attribute definitions (Age, Gender, Breed, Color, and Character traits) to ensure all data captured fields fit precise formatting parameters.

🚀 Key Highlights & Engineering Impact

  • Type-Safe Database Contracts: Leveraged Prisma alongside Zod to build an ironclad, type-safe data communication layer with Supabase, ensuring that nested pet profiles, medical history logs, and location coordinates are rigorously validated before reaching the database.

  • High-Fidelity Mobile UI/UX: Crafted an ultra-responsive, mobile-first design using Next.js tailored for seamless multi-channel support access (WhatsApp, Email, and major E-commerce store links).

  • Performant State Transitions: Used React Hook Form to decouple dense form states across multi-step health updates and onboarding wizards, optimizing client render execution speeds and removing unnecessary component re-renders.