PawServe: AI Symptom Help, Breed Finder & Real Vet Care in One Place

This is a submission for Weekend Challenge: Dog Days Edition What I Built PawServe is a full dog-care platform built for one simple idea: everything your dog needs should live in one place. Not just a cute landing page. A real working app where you can: Find the right breed — search and filter 20+ breeds by category (Security & Guard, Herding, Sporting, Toy, etc.), size, energy, and temperament, then open a detail modal with origin, lifespan, fun facts, price ranges, and adoption notes Find a vet — browse a directory of specialists (general practice, surgery, dermatology, rehab, cardiology, and more), filter by specialty, and see who’s available Check symptoms with AI — describe what your dog is going through (or use voice input) and get first-aid style guidance with severity cues via Google Gemini Shop supplies — food, toys, health, and grooming products with clear categories Discover dog schools and parks — training academies and off-leash spots Explore a Global Dog Menu — dog-friendly places to eat and hang out Read care guides and celebration content — including International Dog Day and related dog days Learn about rehab — hydrotherapy, laser, therapeutic exercise, and a stronger list of rehabilitation-focused vets The goal was practical: help dog owners (especially people who don’t already “know dogs”) make better decisions faster — breed choice, health, training, and everyday care — without opening ten different tabs. Live site: https://miracleomokaro.github.io/pawserve Demo Live app: https://miracleomokaro.github.io/pawserve Quick path to try: Open Breeds → search or filter → tap a breed for the full detail modal Open Health → describe symptoms (or use the mic if available) Open Vets → filter by Rehabilitation to see the expanded specialist list Open Shop, Parks, Schools, or Dog Menu for the rest of the platform It’s also set up as a PWA, so you can install it to your home screen and use it more like a native app. Code Repository: https://github.com/MiracleOmokaro/pawserve Stack snapshot: React 18 + TypeScript Vite Tailwind CSS React Router Supabase (edge functions for sensitive API work) Google Gemini (symptom guidance) Speech-to-text for voice symptom input Deployed on GitHub Pages with a SPA-friendly build How I Built It I started from a clear product shape, not a random feature list: one home for dog care decisions. Frontend structure The app is a client-side React SPA with route-based pages: Home Breeds Vets Health (AI symptom checker) Shop Guides / Articles Parks Schools Dog Menu Celebrations Rehab Shared layout pieces (navbar, etc.) keep navigation consistent. Data for breeds, vets, products, parks, schools, and menus lives in structured TypeScript modules so the UI stays fast and predictable. Breed Finder This became one of the centerpieces. Instead of a static list, it’s searchable and filterable by: Category (Security & Guard, Herding, Working, Sporting, Hound, Terrier, Toy, Non-Sporting) Size Free-text search across name, traits, and purpose Each breed opens a detail view with temperament tags, “good with,” fun facts, price range, and adoption availability — enough depth to feel useful, not just decorative. AI health path (Google AI) The Health page is where Google AI actually earns its place. The intended flow is: User describes symptoms (typed or spoken) Request goes through a secure backend path (Supabase edge function) so keys stay off the client Gemini returns structured first-aid style guidance with severity awareness That design mattered more than “sticking an API key in the frontend.” It keeps the demo realistic and safer. Vets + Rehab depth The vet directory isn’t only general practice. Rehabilitation was expanded on purpose — multiple specialists covering post-surgery recovery, hydrotherapy, neurological rehab, sports dogs, and senior mobility — because that matches real owner needs and the care theme of the challenge. Parks, schools, and dog-friendly places These pages push the product beyond “tips and a shop.” The idea is local usefulness: where to train, where to play, where dogs are welcome. The data model is structured so it can grow into richer search later (including warehouse-style search if Snowflake is wired in more deeply). Product care on images and labels Shop items were treated carefully so the image roughly matches the product type (food looks like food, toys look like toys, health like products/bottles, grooming like care tools). Small detail, big trust difference. Deployment reality It’s a static Vite app on GitHub Pages. That meant dealing with SPA routing (deep links / refresh), PWA packaging, and keeping the build deployable under a tight weekend window. The “already built for you” energy of a polished shell mattered, but the real work was wiring routes, data, and AI into something you can actually click through. Constraints that shaped decisions This was built under real constraints: limited time, limited budget, and a push to ship something usable for the Dog Days window. So the approach was: Ship a coherent product surface first Put real depth into breeds, vets/rehab, and AI health Keep architecture open for stronger data (Snowflake-style structured search) and richer media later Prefer honest working features over fake prize-tech checkboxes Prize Categories Best Use of Google AI — primary fit. Google Gemini powers the symptom-checker experience: natural-language (and voice-assisted) symptom description → guided first-aid style response with severity awareness, routed through a secure edge function rather than a client-only key dump. Other prize technologies (Snowflake, ElevenLabs, Solana) were considered for structured search depth, voice narration of guides, and optional on-chain/tipping experiments. The weekend priority was a complete, usable dog platform with a real Google AI path live in the product. Built for dogs, owners, and anyone who wants better answers without the chaos of ten half-helpful tabs. Thanks for running this challenge — and happy International Dog Day season. 🐕