HashSlap-Summer-of-Code/dev-dash
Build Core Dashboard + GitHub Integration
Aberta
#2 aberto em 1 de jul. de 2025
good first issuehacktoberfesthelp wantedhssoc
Métricas do repositório
- Stars
- (0 estrela)
- Métricas de merge de PR
- (Métricas PR pendentes)
Description
📄 Description
Now that the project structure is ready, this issue covers the basic foundation of the Developer Dashboard, including layout, navigation, and initial GitHub data display using OAuth.
This should set the stage for other widgets to be added later.
✅ Tasks
- Create a basic dashboard layout using
components/Layout.tsx- Sidebar (if needed)
- Header bar with user info
- Main content area
- Display GitHub profile data:
- Name, avatar, username
- Public repo count
- Followers & following
- Show recent GitHub repositories
- Name, description, stars, link
- Use GitHub GraphQL API via personal access token (or via Clerk JWT if scoped)
- Handle loading and error states
- Ensure layout is responsive (mobile + desktop)
🧠 References
💡 Notes
- This is a foundational feature — keep the code modular and clean
- More GitHub stats (e.g., contribution graph, PRs) will come in future issues
- For now, just fetch and display user profile + repos
📌 Comment below if you'd like to work on this. Tag your PR with Closes #<this-issue-number> when ready.