Crop and compress hero outreach-01 to responsive WebP/JPEG variants, serve via picture element with preload; lazy-load Home, Donate, and Assistance routes; isolate framer-motion in its own Vite chunk.
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]>
Unify logos (footer dark symbol), OG image URL, canonical phone/EIN in siteContent, and foundation copy in i18n, env example, and AI chat prompt.
Co-authored-by: Cursor <[email protected]>
Export script generates PNG/WebP/favicons/ZIP and OG image; nav uses symbol on mobile and horizontal lockup on desktop; press kit at #/brand with download links and print-friendly guidelines.
Co-authored-by: Cursor <[email protected]>
Wire public/logo.png into nav/footer LogoMark with responsive sizing,
remap primary/secondary Tailwind scales to brand colors, and refresh
CTAs, PWA manifest, and favicon assets for mim4u.org.
Co-authored-by: Cursor <[email protected]>
- Updated dependencies to latest compatible versions including React, TypeScript, and Vite.
- Standardized contact information across all components (phone, email, address, EIN).
- Updated copyright year to 2025 and ensured consistent legal status messaging.
- Modernized Azure infrastructure with updated API versions and enhanced security practices.
- Optimized build configurations for TypeScript and Vite, ensuring production readiness.
- Cleaned up console logs and improved code quality with type safety and test coverage updates.
- Added StripePaymentForm component for handling donations with Stripe integration.
- Included customer information fields and payment processing logic.
- Integrated language switcher component for multilingual support.
- Configured i18n with multiple languages and corresponding translation files.
- Added translation files for Arabic, German, English, Spanish, French, Portuguese, Russian, and Chinese.
- 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.
- Added SimpleBrowserProcessor class to handle student requests in a queue.
- Introduced methods for adding requests, notifying subscribers, and processing the queue.
- Mock AI matching logic implemented to simulate resource matching based on request categories and urgency.
- Added generateInsights method to analyze request trends and urgencies.
feat: Create authentication context for user management
- Developed AuthContext to manage user authentication state.
- Implemented login and logout functionalities with mock user data.
- Added loading state management during authentication processes.
feat: Add notification context for managing user notifications
- Created NotificationContext to handle notifications throughout the application.
- Implemented methods for adding, marking as read, and removing notifications.
feat: Introduce common hooks for utility functions
- Developed useHashRoute for hash-based routing.
- Created useLocalStorage for managing local storage with TypeScript support.
- Implemented useMediaQuery for responsive design handling.
- Added useDebounce for debouncing values in state.
feat: Implement donation impact calculation hook
- Created useDonationImpact hook to calculate the impact of donations.
- Added useFormValidation hook for form state management and validation.
feat: Design main layout and page structure components
- Developed MainLayout and PageShell components for consistent layout structure.
- Created SectionHeader and Card components for reusable UI elements.
feat: Build HomePage with impact statistics and service offerings
- Implemented HomePage component with hero section, impact stats, and service cards.
- Integrated tracking for donation and volunteer actions.
feat: Add analytics utilities for tracking events
- Created analytics utility for tracking page views and custom events.
- Implemented donation and volunteer tracking functionalities.
feat: Enhance helper functions for various utilities
- Developed utility functions for impact calculation, formatting, validation, and debouncing.
- Added Tailwind CSS configuration with custom theme colors and animations.
- Created global styles in index.css including custom scrollbar and button components.
- Set up main entry point in main.tsx to render the App component.
- Configured TypeScript with strict settings and path mapping.
- Added support for high contrast mode and reduced motion in styles.
- Included print styles for better printing experience.
- Created CONTRIBUTING.md to outline contribution process and code of conduct.
- Added LICENSE file with MIT License and third-party licenses.
- Introduced SECURITY.md detailing vulnerability reporting and security measures.
- Established README.md in assets directory for asset management and guidelines.
- Implemented index.html as the main entry point for the website.
- Configured package.json for project dependencies and scripts.
- Developed styles.css for custom styles and responsive design.
- Set up vite.config.ts for Vite configuration and build settings.
defiQUGandCursor