← Work/01 of 10/AI-assisted

A zoo management platform covering animal health, hospital, pharmacy, inventory and reports, used across stores and teams.

RoleSenior Software Engineer · Module owner & team lead
CompanyTrellisys.net
TeamFrontend team lead
Timeline2022 — Now
StatusLive in production
(01)

Overview

Antz Systems manages the full life cycle of animal care, research and development. I took ownership of every frontend module, from the healthcare workflows vets use daily to the pharmacy that moves medicine between stores, and led the team that ships them.

(02)

My role

Senior Software Engineer · Module owner & team lead
  1. 01Took complete ownership of all modules: Hospital, Pharmacy, Inventory, Reports, Medical, User Settings and Chat.
  2. 02Led the frontend team: task breakdown, code reviews and on-time delivery across sprints.
  3. 03Integrated WSO2 Identity Server for secure authentication, SSO and OAuth2-based authorization.
  4. 04Reduced API calls by 30% by reworking data fetching, removing redundant calls and introducing efficient state management.
  5. 05Improved performance with lazy loading, code splitting, memoization and optimized rendering.
  6. 06Built reusable, scalable UI components that sped up development and long-term maintenance across the platform.
  7. 07Built a real-time inventory dashboard for insights, expiring products and analytics with advanced charting.
  8. 08Shipped UI/UX improvements from stakeholder feedback, making workflows clearer and cutting task completion time.
(03)

How it was built

AI-assisted

Built by the team, accelerated with AI. Claude Code speeds up feature development and Figma MCP feeds designs straight into components, with every change reviewed.

  1. Me

    Break down

    Split each module into tasks and reusable components for the team.

  2. Team

    Build

    Next.js, MUI and React Query, with shared UI components across modules.

  3. Figma MCP

    Design in

    Frames and specs pulled from Figma into components without hand-off docs.

  4. Claude Code

    Accelerate

    AI-assisted development for new features and refactors.

  5. Me

    Review

    Code reviews and performance checks before every release.

(04)

Key features

Animal health workflow

Complex healthcare UI for tracking animal health, tuned to cut API calls and latency.

Pharmacy & transfers

Request, track and transfer medication between stores.

Inventory dashboard

Real-time insights on stock and expiring products with advanced charts.

SSO with WSO2

Single sign-on and OAuth2 authorization across the platform.

Performance pass

Lazy loading, code splitting, memoization and optimized rendering.

Real-time chat

In-app chat module for teams working across sites.

(05)

Impact

30%Fewer API calls
LeadOf the frontend team
7Modules owned end to end
(06)

Screens

4 of 4 added
01Main dashboard — species, enclosures, medical records, animal activity and transfers
02Pharmacy dashboard — expired stock value, stock-outs, month-wise dispatch and purchase
03Hospital — patient list with follow-ups and discharge details
04Inpatient record — prescription schedule and pending dosage tracking
(07)

Stack

Framework

  • Next.js
  • React
  • TypeScript

UI

  • Material UI
  • Charts
  • Reusable components

Data

  • React Query
  • Socket.io
  • REST

Auth & tools

  • WSO2 Identity Server
  • OAuth2 / SSO
  • Claude Code
  • Figma MCP
(05) Next step — open to senior roles & freelance projectsLet’s
talk.