connected the firebase backend with the frontend's event page #86
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Collaborator
|
try to make a better folder structure and do the mapping for other pages as well |
…ed the eventcard.css file to remove the issue with heading.
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- added nav-link class for non-active links with proper hover/focus/active states - enhanced active-link class to maintain primary color in all states - overrode DaisyUI default grey backgrounds on focus and active states - ensures consistent primary color usage throughout navigation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- changed accordion inputs from radio to checkbox for independent operation - removed defaultChecked to start all accordions closed - removed name attribute no longer needed with checkboxes - allows multiple accordion items to be open simultaneously 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
…ration. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit implements all remaining tasks from the UI-UX implementation plan, achieving 100% completion across all four phases. The changes systematically address typography, color system, component standardization, spacing, accessibility, and code quality improvements. Phase 1 Final Updates (Critical): - Typography: Standardized all page title sizes to text-4xl md:text-5xl - Font weights: Removed font-extrabold, standardized to font-bold - Colors: Replaced all hardcoded colors (text-slate-900, bg-slate-50) with theme colors - Contrast: Updated text-base-content/60 to /70 in SupportService.tsx for better readability - Cards: Standardized all card shadows (shadow-lg + hover:shadow-xl) with duration-300 transitions Phase 2 Final Updates (Major): - Section padding: Standardized to py-16 md:py-20 across all pages - Card padding: Updated to p-6 md:p-8 for consistency - Breakpoints: Changed xl: to lg: in Navbar for better responsive behavior - Accessibility: Added focus-visible states, ARIA labels, improved contrast ratios - Component library: Enhanced Common/Card.tsx with hoverEffect variants (shadow, lift, scale) - Custom buttons: Documented decision to keep HomeCard underline animation as intentional design Phase 3 Updates (Minor): - CSS cleanup: Converted hardcoded colors to DaisyUI theme colors in imageslider.css - Removed 115 lines of legacy consent-container styles from index.css - Navigation: Converted Footer links from <a> to React Router <Link> components - Added security attributes (target="_blank" rel="noopener noreferrer") to external links - Animations: Standardized duration-700 to duration-500 in HomeHero.tsx - UX: Changed FAQ accordion from radio to checkbox for multi-open support Phase 4 Additions (Long-term): - Created comprehensive design system documentation - Built reusable component library (Button, Typography, Section) - Added bundle optimization and image optimization guides - Documented all implementation decisions New Files Added: - UI-UX-IMPLEMENTATION-PLAN.md (comprehensive implementation tracking) - docs/DESIGN-SYSTEM.md (design system documentation) - docs/BUNDLE-OPTIMIZATION.md (performance optimization guide) - docs/IMAGE-OPTIMIZATION.md (image handling guide) - src/components/Common/Button.tsx (reusable button component) - src/components/Common/Typography.tsx (typography components) - src/components/Common/Section.tsx (section wrapper component) Files Modified: - 21 component and page files updated for consistency - All cards now use standardized shadow system - All colors now use DaisyUI theme variables - All typography follows defined hierarchy - All animations use consistent durations Total Issues Resolved: 140/140 (100%) All Phases Complete: Phase 1-4 ✅ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add a .env file or create env vars in vercel used inside firebase.js file.