feat(creators): add creators page with social profiles#15
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
📝 WalkthroughWalkthroughAdds a new ChangesCreators page and support wiring
Sequence Diagram(s)sequenceDiagram
participant TeamPage
participant "next/image"
participant "avatars.githubusercontent.com"
TeamPage->>"next/image": render member avatars
"next/image"->>"avatars.githubusercontent.com": fetch remote avatar images
Estimated code review effort🎯 3 (Moderate) | ⏱️ ~25 minutes Poem
🚥 Pre-merge checks | ✅ 4 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (4 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
🧹 Nitpick comments (1)
app/(public)/creators/page.tsx (1)
12-15: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick winRemove the unused icon plumbing.
BrainCircuit,Award,GraduationCap, andIconare never rendered, and theiconfields only feed that dead assignment. Either show the member icon in the card or drop the unused imports/data so this page stops carrying lint noise.Also applies to: 32-32, 48-48, 63-63, 141-141
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the rest with a brief reason, keep changes minimal, and validate. In `@app/`(public)/creators/page.tsx around lines 12 - 15, The creators page has dead icon plumbing: `BrainCircuit`, `Award`, `GraduationCap`, and `Icon` are imported/defined but never actually rendered. Update `CreatorsPage` and the related member/card data so each `icon` field is either displayed in the UI or removed entirely, and drop any unused imports or assignments that remain unused after that change.Source: Linters/SAST tools
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Nitpick comments:
In `@app/`(public)/creators/page.tsx:
- Around line 12-15: The creators page has dead icon plumbing: `BrainCircuit`,
`Award`, `GraduationCap`, and `Icon` are imported/defined but never actually
rendered. Update `CreatorsPage` and the related member/card data so each `icon`
field is either displayed in the UI or removed entirely, and drop any unused
imports or assignments that remain unused after that change.
ℹ️ Review info
⚙️ Run configuration
Configuration used: defaults
Review profile: CHILL
Plan: Pro
Run ID: 67268495-da0f-49c6-8eb0-194fd224dfbb
⛔ Files ignored due to path filters (1)
package-lock.jsonis excluded by!**/package-lock.json
📒 Files selected for processing (4)
app/(public)/creators/page.tsxcomponents/footer.tsxnext.config.tspackage.json
🎉 Congratulations @imuniqueshiv!Thank you for contributing to HyperLearningTech. Your pull request has been successfully merged into main. 📦 Merge Summary
🚀 Keep Contributing
Thank you for helping make HyperLearningTech better. Happy Coding! 🚀 |
1 participant
Pull Request
Summary
Adds a dedicated Creators page to showcase the people behind HyperLearningTech. The page features contributor profile cards, social media links, portfolio/contact information, responsive layouts, and interactive hover effects to improve contributor visibility and community engagement.
Related Issue
N/A
Type of Change
What Changed?
Added a new public-facing Creators page accessible through the website navigation.
Implemented responsive creator profile cards with contributor information, roles, and descriptions.
Added support for social media and contact links:
Added hover animations and improved visual feedback for social icons to enhance user interaction.
Added animated page sections and card transitions for a more engaging browsing experience.
Updated the footer to include navigation to the Creators page.
Configured support for external avatar/image sources used by contributor profiles.
Ensured full responsiveness across desktop, tablet, and mobile devices.
Maintained consistency with the existing HyperLearningTech design system and UI patterns.
Screenshots (UI Changes Only)
Testing
Functional Testing
Responsive Testing
Build & Quality Checks
npm run format:checknpm run lintnpm run typechecknpm run buildAll checks completed successfully.
Checklist
main.npx prettier --write <file>).npm run format:checkpasses.npm run lintpasses.npm run typecheckpasses.npm run buildpasses.Additional Notes
This feature helps highlight project contributors and maintainers by providing a dedicated space where community members can discover team members, connect through social platforms, and learn more about the people contributing to HyperLearningTech. The implementation focuses on accessibility, responsiveness, and alignment with the existing design language of the project.