Skip to main content

Introduction

The FirstBreath main product dashboard (the my-app web application) is built with modern web technologies to provide a responsive and highly interactive user experience. It is the primary interface for monitoring horses, managing stables, and viewing live camera streams.

Audience: Frontend developers.
Next: Project Structure · API Client

🎨 Tech Stack​

  • Framework: Next.js 16 (App Router, Server Actions)
  • Core: React 19
  • Styling: Tailwind CSS + shadcn/ui
  • Video Player: HLS.js, MSE (Low Latency), WebRTC
  • State: TanStack Query v5 + Context API

🎯 Key Features​

  1. Multi-Tenant: Designed for SaaS usage (Companies, Sites, Stables hierarchy).
  2. Live Monitoring: Websocket integration for real-time status updates.
  3. Responsive: Works on Desktop, Tablet, and Mobile.