feat: implement AI HackDays project summary section with API integration
✨ Feature Request
What feature would you like to see added to viswam.ai?
AI HackDays Page – Project Summary Section (Total Teams, Participants, Colleges)
Describe the feature in detail. Be clear about the use case and who it helps.
This feature introduces a Project Summary section at the top of the AI HackDays page, displaying key statistics such as total teams, total participants, and total colleges. The data will be dynamically fetched from the Strapi backend and presented using visually appealing summary cards. This helps users quickly understand the scale and impact of the hackathon without going through the entire project list.
Why is this feature important or useful?
The summary section provides a quick overview of the hackathon’s reach and engagement, improving user experience and making the page more informative. It is especially useful for visitors, organizers, and stakeholders who want immediate insights into participation metrics.
Any suggestions for how it could work or look?
- Display three cards in a horizontal layout:
- Total Teams
- Total Participants
- Total Colleges
- Each card should include:
- Title
- Numeric value (dynamic)
- Clean UI with icons (optional)
- Responsive design for mobile and desktop
- Loading state while fetching data
Add diagrams, examples, or references if possible.
Page Structure:
AIHackDaysPage
├── Project Summary Section
│ ├── Total Teams Card
│ ├── Total Participants Card
│ └── Total Colleges Card
└── Project List Section
Additional context or notes
-
Data will be fetched from Strapi backend (AI HackDays collection)
-
Ensure reusable component design (
ProjectSummaryCard) -
Follow existing Viswam UI design guidelines