Ship VMID 7811 API (assistance, contact, Stripe checkout), wire donate and forms to API with accessible success UI, static LCP shell with deferred React mount, and perf gate tooling (P0 72/2600ms; world-class 85/2500ms tracked separately).
Co-authored-by: Cursor <[email protected]>
Repair Navigation and HeroSection assertions, stop deleting window.location in jsdom setup, and add validate/a11y-live GitHub workflows with type-check and test:ci scripts.
Co-authored-by: Cursor <[email protected]>
- Implemented ProgramsSection with various support programs including School Supplies, Clothing Support, Emergency Assistance, Educational Technology, Mentorship Programs, and Family Support Services.
- Integrated framer-motion for animations and transitions.
- Added a call-to-action button for requesting program support.
test: Create unit tests for HeroSection component
- Developed tests for rendering, accessibility, and functionality of the HeroSection component using Vitest and Testing Library.
- Mocked framer-motion for testing purposes.
refactor: Update sections index file to include ProgramsSection
- Modified index.tsx to export ProgramsSection alongside existing sections.
feat: Implement LazyImage component for optimized image loading
- Created LazyImage component with lazy loading, error handling, and blur placeholder support.
- Utilized framer-motion for loading animations.
feat: Add PerformanceMonitor component for real-time performance metrics
- Developed PerformanceMonitor to display web vitals and bundle performance metrics.
- Included toggle functionality for development mode.
feat: Create usePerformance hook for performance monitoring
- Implemented usePerformance hook to track web vitals such as FCP, LCP, FID, CLS, and TTFB.
- Added useBundlePerformance hook for monitoring bundle size and loading performance.
test: Set up testing utilities and mocks for components
- Established testing utilities for rendering components with context providers.
- Mocked common hooks and framer-motion components for consistent testing.
feat: Introduce bundleAnalyzer utility for analyzing bundle performance
- Created BundleAnalyzer class to analyze bundle size, suggest optimizations, and generate reports.
- Implemented helper functions for Vite integration and performance monitoring.
chore: Configure Vitest for testing environment and coverage
- Set up Vitest configuration with global variables, jsdom environment, and coverage thresholds.
defiQUGandCursor