01
Pet identity layer
Profile, traits, records, and household ownership in one calm surface.
Petto.me
Next.js + Tailwind web frontend
Petto.me is now scaffolded as a Next.js and Tailwind frontend. The first screen sets a clear visual direction for pet identity, care rituals, health records, and family memory keeping.
01
Profile, traits, records, and household ownership in one calm surface.
02
Feeding, hygiene, wellness checks, and repeatable routines.
03
Moments, milestones, and health notes stitched into a living timeline.
Care orbit
The interface leaves room for routines, progress, and gentle accountability instead of treating care as a list of dry alerts.
Current move
Petto.me now follows the same Next.js and Tailwind direction already used by the active web frontend projects in this repository.
Each pet can carry a portrait, temperament snapshot, household role, and trusted caretaker circle without looking like admin software.
The web experience can frame daily tasks as rituals with soft urgency, useful history, and a visible sense of progress.
Vaccines, clinic notes, growth moments, and behavior shifts belong in a timeline that is readable months later.
The visual system leaves room for streaks, rarity, achievements, and collectible identity layers without forcing them into the first screen.
Loop 1
Check appetite, mood, and the next care step in under a minute.
Loop 2
Anchor important updates around clinic visits, meds, and recurring observations.
Loop 3
Let family members leave short notes, photos, and care confirmations without friction.
Today
A friendly dashboard introduces the pet, current streak, and the next meaningful action.
Week 1
Care cards start to show patterns, consistency, and which routines are slipping.
Month 1
The timeline becomes useful enough to revisit, share, and learn from.
This first pass focuses on stack migration and a branded homepage. The backend MVP folder stays intact, while the top-level web app now uses the repo-standard frontend toolchain.
Next.js App Router for the web surface
Tailwind CSS for systemized UI composition
Static-first landing page that can grow into product routes
Legacy Nuxt starter removed from the active frontend path