Skip to content

Issue 7 create format and rules page #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

DDuu123321
Copy link

@DDuu123321 DDuu123321 commented Jul 6, 2025

Change Summary
Complete implementation of the Format & Rules page with integrated navigation, progress tracking, and modern UI components. Added Navbar with responsive mobile menu, Footer with contact information, ProgressBar with drone progress indicator, and enhanced CheckList component with modern card design.
Change Form
Fill this up (NA if not available). If a certain criteria is not met, can you please give a reason.

  • The pull request title has an issue number (Title should include: Create Format and Rules page #7 or issue-7)
  • The change works by "Smoke testing" or quick testing (Page loads successfully with HTTP 200, all components render correctly)
  • The change has tests (No automated tests added - focuses on UI components and page integration)
  • The change has documentation (Components are well-commented with English documentation, clear prop interfaces)
    Other Information
    Key components and features added:
  • Navbar Component: Responsive navigation with mobile hamburger menu using react-icons
  • Footer Component: Contact info, social links, and company details with proper styling
  • ProgressBar Component: Interactive progress indicator showing 25% completion for Format & Rules page with drone and finish flag SVG assets
  • Enhanced CheckList: Modern card-based design with progress tracking and completion states
  • Configuration Updates: Updated next.config.mjs for external image support (squadrone.com.au)
  • Dependency Management: Added react-icons for both client and root level (monorepo structure)
  • Style Improvements: All comments converted to English, consistent component styling
    Technical Notes:
  • Resolved module resolution issues with react-icons installation
  • Fixed duplicate title display between page header and ProgressBar component
  • All external dependencies properly configured and tested
  • Page successfully compiles and serves without errors
  • Responsive design tested for both desktop and mobile viewports

Related issue

DDuu123321 and others added 10 commits June 29, 2025 08:13
- Add comprehensive competition overview with venue specs and match duration
- Implement equipment requirements section with detailed drone specifications
- Add Special Touch Opportunity rules (one per match, restricted in obstacle zone)
- Create detailed Stage 1 Mission Zone rules with 5-second penalty system
- Implement Stage 2 Obstacle Zone with specific team paths (Red: B→A→C→D, Blue: A→B→C→D)
- Add complete Honor Points award table and scoring system
- Enhance violations section with yellow/red card escalation rules
- Add safety guidelines section for participants and spectators
- Refactor CSS with reusable style constants and components

Closes #7
- Add Navbar component with navigation and responsive mobile menu
- Add Footer component with contact info and social links
- Add ProgressBar component with drone progress indicator (25% for format-rules)
- Enhance CheckList component with modern card design and progress tracking
- Update next.config.mjs to allow external images from squadrone.com.au
- Update globals.css with English comments and component styles
- Update format-rules.tsx with proper component integration
- Remove old placeholder Footer.tsx and ProgressBar.tsx files
- Add SVG assets (Drone.svg, FinishFlag.svg, Line2.svg) for progress indicator
- Fix duplicate title issue between page header and ProgressBar
- Add react-icons dependency for navbar icons
- All components properly integrated with consistent styling
- Add react-icons dependency at root level for monorepo structure
- Sync package-lock.json with latest dependency changes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Create Format and Rules page
3 participants