Commit graph

109 commits

Author SHA1 Message Date
fullsizemalt
f95b626724 feat: Shopping List UI + Roadmap Update
📦 Shopping List Feature (Phase 3A)
- Full SupplyItem model with Vendor & ProductUrl
- Shopping List / Inventory toggle
- Add Item Modal (Category, Thresholds, Vendor info)
- 'Order Now' external link logic
- 'Mark Ordered' tracking
- Quantity +/- adjustments

📅 Roadmap Update:
- Defined Unified Master Calendar (Phase 4)
- Added granular toggles (Emp Schedules, Taxes, Compliance, Plant Cycle, etc.)

🚀 Status:
- Backend deployed (Schema synced)
- Frontend deploying...
2025-12-09 15:26:35 -08:00
fullsizemalt
17138b2f80 docs: Add roadmap + implementation plan
📋 Documentation:
- ROADMAP.md (complete feature roadmap)
- QUICK-IMPLEMENTATION-PLAN.md (shopping list, touch points, tasks)

⚠️ CRITICAL ISSUE IDENTIFIED:
- ALL pages have hardcoded bg-white (not dark mode compatible)
- Need to fix: Dashboard, Batches, Rooms, Timeclock, Walkthrough
- Font stack reverting to Inter (CSS not syncing properly)

Next: Mass dark mode fix for all pages
2025-12-09 15:05:53 -08:00
fullsizemalt
9b82e08d34 fix: Add walkthrough route + SVG icons + animations
🔧 Critical Fixes:
- Added /walkthrough route to router
- Fixed 404 error on Daily Walkthrough

 Visual Upgrades:
- Replaced ALL emojis with Lucide SVG icons
- Added smooth animations (fadeIn, slideIn, scaleIn, shimmer)
- Icon scale effects on hover/active
- Pulse animations on active indicators
- Smooth theme transitions
- Professional icon set throughout

🎨 Polish:
- Space Grotesk font (premium geometric)
- Emerald scrollbars
- Animated nav icons
- Status indicators with pulse
- Smooth color transitions

Dependencies:
- Added lucide-react for SVG icons

Status: Production-ready with animations
2025-12-09 14:51:44 -08:00
fullsizemalt
b20edc0c33 fix: Add missing heatmap components and User.name field
🔧 Build Fixes:
- Created FloorToggle component
- Created HealthLegend component
- Added name field to User interface

Components complete for heatmap feature
2025-12-09 14:43:54 -08:00
fullsizemalt
c7974989c2 feat: Daily Walkthrough - All Checklists Complete!
🎉 Frontend UI Complete (Phase 1.5)

📁 Files Created:
- frontend/src/components/walkthrough/IrrigationChecklist.tsx
- frontend/src/components/walkthrough/PlantHealthChecklist.tsx

 Irrigation Checklist Features:
- Zone-by-zone checks (4 zones)
- Dripper counter (+/- buttons)
- Failed dripper tracking
- Water flow toggle
- Nutrients mixed toggle
- Schedule active toggle
- Auto status detection (all good vs issues)
- Issue notes field
- Photo upload for problems
- Touch-friendly controls

 Plant Health Checklist Features:
- Zone-by-zone inspection (4 zones)
- Health status selector (Good/Fair/Needs Attention)
- Emoji-based UI (😊😐😟)
- Pest observation toggle
- Pest type input
- Water access toggle
- Food access toggle
- Auto flag for attention
- Issue + reference photos
- Notes field

📱 Mobile Optimizations:
- Large tap targets (56px buttons)
- Visual feedback (active states)
- Color-coded status (green/yellow/red)
- Touch-friendly toggles
- Grid layouts for options
- Progress tracking
- Zone-by-zone workflow

🎨 UX Highlights:
- Consistent design across all 3 checklists
- Clear visual hierarchy
- Intuitive controls
- Minimal typing required
- Photo placeholders ready
- Auto-save ready

📊 Frontend Progress: 80% Complete

⏭️ Next: Integration + Summary Screen
2025-12-09 14:16:32 -08:00
fullsizemalt
d156569d99 feat: Daily Walkthrough Frontend - Start + Reservoir Checks
🎨 Frontend UI Implementation (Phase 1.5)

📁 Files Created:
- frontend/src/pages/DailyWalkthroughPage.tsx
- frontend/src/components/walkthrough/ReservoirChecklist.tsx

 Features:
- Mobile-first walkthrough start screen
- 777 Wolfpack branding
- Progress tracking
- Visual tank level indicator
- Touch-friendly slider (44px+ targets)
- Auto status detection (OK/LOW/CRITICAL)
- Color-coded status badges
- Notes field
- Photo upload placeholder
- Responsive design (mobile → tablet → desktop)

📱 Mobile Optimizations:
- Large tap targets (56px buttons)
- Visual feedback (active states)
- Bottom navigation on mobile
- Gradient backgrounds
- Backdrop blur effects
- Touch-friendly sliders

🎨 UX Features:
- Step-by-step wizard
- Progress bar
- Tank-by-tank workflow
- Auto-save ready
- Back navigation
- Clear status indicators

⏭️ Next: Irrigation + Plant Health checklists

Status: 40% Frontend Complete
2025-12-09 14:13:38 -08:00
fullsizemalt
f54aba713e feat: Mobile-First Login + 777 Wolfpack Branding
 Implemented:
- SplashScreen component with 777 Wolfpack logo
- Mobile-first LoginPage with responsive breakpoints
- Touch-friendly inputs (56px button height, 44px+ inputs)
- 777 Wolfpack branding throughout
- Dark mode support
- Loading states
- Gradient background with logo
- Fixed accessToken (was 'token')

📱 Mobile Optimizations:
- Logo: 24px mobile → 32px tablet
- Inputs: py-3 mobile → py-4 tablet
- Text: text-2xl mobile → text-3xl tablet
- Spacing: p-6 mobile → p-8 tablet
- Min button height: 56px (exceeds 44px standard)

🎨 777 Wolfpack Branding:
- Logo displayed prominently
- "777 Wolfpack Edition" subtitle
- Team name in footer
- Blue/slate color scheme matching logo

⏭️ Next: Mobile navigation + responsive dashboard
2025-12-09 13:59:36 -08:00
fullsizemalt
6b724386ba feat: Phase 1 Complete (Backend + Frontend)
Some checks failed
Deploy to Production / deploy (push) Failing after 0s
Test / backend-test (push) Failing after 0s
Test / frontend-test (push) Failing after 0s
2025-12-09 09:24:00 -08:00
fullsizemalt
e9bc75b52c feat: Setup React Router, Tailwind, and shadcn/ui components
- Added React Router with Home, Login, Dashboard pages
- Configured Tailwind CSS with custom theme
- Installed shadcn/ui components (button, card, input, etc.)
2025-12-09 01:19:33 -08:00