Skip to content

Issue 7 create format and rules page - #26

Merged
allyharrison merged 17 commits into
mainfrom
issue-7-Create_Format_and_Rules_page
Jul 19, 2025
Merged

Issue 7 create format and rules page#26
allyharrison merged 17 commits into
mainfrom
issue-7-Create_Format_and_Rules_page

Conversation

@DDuu123321

@DDuu123321 DDuu123321 commented Jul 6, 2025

Copy link
Copy Markdown
Contributor

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
Comment thread client/package-lock.json
Comment thread client/public/Line2.svg
Julie-Salazar
Julie-Salazar previously approved these changes Jul 15, 2025

@Julie-Salazar Julie-Salazar left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think everything looks good, nothing inherently bad with code. Could use some more css classes to organise styling better but not necessary. Tested on macbook air brave browser. Make sure to add package-lock.json to .gitignore please @DDuu123321

@DDuu123321

Copy link
Copy Markdown
Contributor Author

I have integrated the latest components, footer and navbar, and deleted unnecessary commits. All dependencies and environment files are consistent with the main branch.

Comment thread client/src/pages/format-rules.tsx Outdated
Comment thread client/src/pages/format-rules.tsx Outdated
Comment thread client/src/components/ui/FormatRules/StageSection.tsx Outdated
Comment thread client/src/pages/format-rules.tsx Outdated
@allyharrison
allyharrison merged commit 09b5e7c into main Jul 19, 2025
5 checks passed
@allyharrison

Copy link
Copy Markdown
Contributor

Nice work!

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

5 participants