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]>
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]>
Sync theme toggle with html.dark body styles; Tailwind dark: on nav/footer; tablet uses hamburger until lg; symbol logo in dark mode; mobile menu scroll and contrast; cookie/donate FAB spacing.
Co-authored-by: Cursor <[email protected]>
Drop min-h-screen vertical centering on hero; use compact top padding so copy and photos sit directly under the nav in light and dark mode.
Co-authored-by: Cursor <[email protected]>
Replace student/counselor sections with foundation messaging; show nav from md breakpoint; workbox skipWaiting so deploys reach browsers faster.
Co-authored-by: Cursor <[email protected]>
Add About, Mission, What We Do, Events, and Contact pages; update hero, footer, nav, EIN 33-4887159, and [email protected]; warm cream/beige palette and faith-centered messaging for LA County outreach.
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]>
Scale logo to 4rem from lg breakpoint, add nav min-height and lg py-4
so the wordmark reads better without crowding mobile controls.
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]>
- 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 SalesforceConnector for handling Salesforce authentication, case creation, and updates.
- Integrated real-time processing capabilities with StudentAssistanceAI and Salesforce.
- Implemented WebSocket support for real-time updates and request handling.
- Enhanced metrics tracking for processing performance and sync status.
- Added error handling and retry logic for processing requests.
- Created factory function for easy initialization of RealTimeProcessor with default configurations.
- 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.