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]>
Healing minds and June PTSD awareness artwork on home and mission pages, with wellness tagline in footer and accessible captions.
Co-authored-by: Cursor <[email protected]>
Five optimized community images and outreach video on home hero, gallery, and events page; footer and SEO link to @miraclesinmotionfoundation on Instagram.
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]>
- Register AI chat HTTP function and export api entrypoints.
- DI container and donation handlers updated for chat integration.
- Frontend: MimChatAgent, App wiring, Vite env types.
- Refresh api/package-lock.json after dependency install.
Made-with: Cursor
docs: Add production deployment success documentation for Azure Static Web App
docs: Create Quick Start guide for project setup and deployment instructions
docs: Update README.md to include new documentation links and structure
docs: Enhance User Manual with detailed portal access, roles, and AI assistance features
scripts: Implement architecture diagram export script using Mermaid CLI
scripts: Create script to auto-generate documentation index for easier navigation
chore: Remove unused update-doc-index script
- Added detailed planning, code generation, testing, and deployment steps for Azure Functions.
- Introduced status tracking and error handling mechanisms.
- Established best practices for code generation and deployment, including security and structure guidelines.
- Created GitHub Actions workflow for production deployment with build, test, and deployment stages.
- Developed PowerShell script for full production deployment with custom domain support.
- Designed Bicep templates for infrastructure setup, including Azure Static Web Apps and Function Apps.
- Configured parameters for production deployment, including Stripe public key and custom domain settings.
- Added SWA CLI configuration for local development and deployment.
- Documented production deployment success criteria and post-deployment tasks.
- 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 package.json with dependencies and scripts for building and testing the API.
- Implemented DIContainer for managing service instances (Cosmos DB, Key Vault).
- Created createDonation function to handle donation creation and Stripe payment processing.
- Implemented getDonations function for fetching donations with pagination and filtering.
- Defined types for Donation, Volunteer, Program, and API responses.
- Configured TypeScript with tsconfig.json for strict type checking and output settings.
- Developed deployment scripts for production and simple deployments to Azure.
- Created Bicep templates for infrastructure setup including Cosmos DB, Key Vault, and Function App.
- Added parameters for deployment configuration in main.parameters.json.
- Configured static web app settings in staticwebapp.config.json for routing and security.
- 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 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.
- 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