Cattle Management
Role: Senior UI/UX Designer Project: Multi-Tenant SaaS "Goushala" (Cow Farm) Management System Design System: Shadcn UI + Tailwind CSS Primary Aesthetic: "Milk & Modern." Palette: Off-white/Cream (#FDFBF7), Soft Blue (#A1C4FD) accents, and Slate Grey text. Rounded corners, high whitespace, and a clean, sterile yet friendly "dairy" feel. 1. Navigation & Layout Sidebar Navigation: Dashboard, Cattle Inventory, Milk Records, Feeding, Shelters, and Admin Control Center. Top Bar: Tenant Switcher (Goushala Name), Global Search (Search by Cow Tag ID), and User Profile. 2. Core View Requirements A. Cattle Registration & Management (Smart Forms) Dynamic Registration Form: * Logic: If Category = "Calf", show Status options: Born or Bought. Conditional Fields: If "Born" is selected, "Sire ID" and "Dam ID" fields become mandatory. If "Bought", these fields are hidden/optional. Cattle Inventory List: * Tabbed view: All, Milking, Dry, Heifers, Calves, Bulls. A searchable Data Table (Shadcn) with Tag ID, Breed, Status, and Shelter location. Cattle Profile Page: * Header: "Mark as Deceased" and "Edit Profile" buttons. Contextual Action: If the cow’s status is "Milking," show a prominent "Add Milk Record" button directly on the profile. B. Bulk Operations (The "Efficiency" Suite) Bulk Milk Entry Grid: A high-density spreadsheet-style interface for 50+ cows. Include a "Tag ID Search Filter" within the grid to jump to specific cows instantly. Bulk Feeding Entry: Similar to milk entry; select multiple cows or a whole shelter and assign food types/quantities in one click. Bulk Shelter Assignment: A "transfer" UI to move multiple cows from one shelter to another (e.g., moving all "Dry" cows to the "Pasture Shed"). C. Shelter Management Shelter Profile: Displays a list of currently assigned cows. Include a "Bulk Assign Cows" button that opens a multi-select modal of all cows not currently in a shelter. 3. Admin & Configuration Panel (The "Tenant Control" Center) Metadata Management: * Interfaces to add/edit New Food Types (e.g., Green Fodder, Concentrates). Interface to define New Cow Categories (e.g., Premium Breeder, Rescue). Global System Toggles: Enable/Disable Fat & SNF Recording: If off, the entire system simplifies to "Liters Only." Enable/Disable Food Management: Hide/Show the feeding module. Individual Overrides: A list view to enable/disable Fat recording for specific cows only (e.g., for cows whose milk isn't sold commercially). 4. Component Preferences (Shadcn) Use Shadcn Data Tables for all grids with built-in search/filtering. Use Shadcn Switches for all Enable/Disable settings. Use Shadcn Badges for cow statuses (Milking = Green, Dry = Amber, Sick = Red, Dead = Black). Use Shadcn Dialogs for quick-entry modals.