Skip to content
30 changes: 30 additions & 0 deletions app/(landing)/hackathons/[slug]/hackathon-detail-design.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
Hackathon Detail Page Redesign
Issue: #414

Figma Design
https://www.figma.com/design/EMNGAQl1SGObXcsoa24krt/Boundless_Project-Details?node-id=0-1&t=A1ywRcn60Xyw0X6h-1
Comment on lines +1 to +5
Copy link

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

Use proper Markdown structure so this doc renders cleanly and matches the failing formatter.

This reads like Markdown content, but it is authored mostly as plain text. Adding real headings and a formatted Figma link will make the page navigable and should also address the reported Prettier/style failure.

Suggested rewrite
-Hackathon Detail Page Redesign
-Issue: `#414`
-
-Figma Design
-https://www.figma.com/design/EMNGAQl1SGObXcsoa24krt/Boundless_Project-Details?node-id=0-1&t=A1ywRcn60Xyw0X6h-1
+# Hackathon Detail Page Redesign
+
+Issue: `#414`
+
+## Figma Design
+
+[Boundless Project Details](https://www.figma.com/design/EMNGAQl1SGObXcsoa24krt/Boundless_Project-Details?node-id=0-1&t=A1ywRcn60Xyw0X6h-1)
@@
-Banner Placement Proposal
+## Banner Placement Proposal
@@
-Design Goals
+## Design Goals

Also applies to: 20-30

🧰 Tools
🪛 GitHub Actions: CI/CD Pipeline

[warning] 1-1: Code style issues found by Prettier. Run 'prettier --write' to fix.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@app/`(landing)/hackathons/[slug]/hackathon-detail-design.md around lines 1 -
5, The doc currently uses plain text and needs proper Markdown structure so the
formatter passes: update the file
app/(landing)/hackathons/[slug]/hackathon-detail-design.md to add real headings
(e.g., "# Hackathon Detail Page Redesign", "## Issue", "## Figma Design"),
convert the raw Figma URL into a Markdown link ([Figma
Design](https://www.figma.com/...)), and structure content into short sections
(summary, goals, components, notes) so the document is valid Markdown and the
formatter error (also present around lines 20-30) is resolved.


This design proposes a cleaner and more professional UI/UX for the hackathon detail page.

Included in the Figma file:
- Desktop layout
- Mobile layout
- Banner / hero placement proposal
- Redesigned hero section
- Sticky sidebar card
- Tab navigation
- All tab layouts (overview, participants, resources, announcements, submissions, discussions, find team, winners)
- Loading state
- Hackathon not found state

Banner Placement Proposal
The hackathon banner is placed as a full-width hero image at the top of the page, allowing it to visually represent the hackathon and improve page identity.

The sidebar becomes a compact summary card with key information and actions.

Design Goals
- Simpler UI and improved visual hierarchy
- Clear primary actions (Join, Submit, View Submission)
- Consistent spacing and typography
- Better mobile usability
- Professional and product-quality look
1 change: 0 additions & 1 deletion hooks/hackathon/use-participants.ts
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,6 @@ export function useParticipants() {
useEffect(() => {
if (hackathonId) {
setIsLoading(true);

const fetchAllData = async () => {
try {
// Fetch teams
Expand Down
Loading