Back to Projects
343pet - Pet Health Scoring Platform

343pet - Pet Health Scoring Platform
Professional Work

343pet is a pet care platform that scores an animal's health from blood work and owner questionnaires, then produces nutrition recommendations from that score.

I worked as a Frontend Developer on the admin dashboard — the internal console through which staff manage users, pets, health records, and diagnoses.

My Role

Frontend Developer

My Contributions
  • Built the admin dashboard across two generations of the codebase — navigation shell, users management table, and user and pet detail views.

  • Developed pets management, health-status management, and diagnosis management surfaces.

  • Made health records reusable across list, detail, and export surfaces, with a shared result-presentation component.

  • Built settings and profile management, including account deletion.

  • Implemented authentication route handling and role guards.

  • Built CSV export of health records for staff review.

  • Defined typed data models for dashboard entities.

Challenges & Solutions

1. One Health Record, Three Surfaces

Challenge: A health record is read by staff making decisions about an animal, and the same record appears in a list, in a detail view, and in a CSV export. Written separately, those three drift — a field gets formatted one way in the table and another way in the export, and staff stop trusting either.

Solution: Extracted a shared representation for health records early, so all three surfaces render from one source. The presentation stayed reusable without becoming generic.

Result: A change to how a health result is formatted lands in all three surfaces at once, and the CSV a vet opens matches the table they read it from.


2. Rebuilding the Dashboard

Challenge: The admin dashboard was rebuilt on a newer stack while the original remained in use, so both had to stay coherent during the transition.

Solution: Carried the entity models and record-presentation logic across first, then rebuilt the surfaces around them, which kept behaviour consistent between the two versions.

Result: Staff moved to the new dashboard without relearning how a record reads.

React
TypeScript
React Router 7
Redux Toolkit
Tailwind CSS
react-hook-form
Zod
Chart.js
Framer Motion
react-i18next
Luxon
This project was developed as part of my work at Potential Inc. The source code is proprietary and belongs to the client/company.