This is a submission for the DEV Weekend Challenge: Community
The Community
I built this for the aspiring open-source contributor.
We’ve all been there: You want to contribute to a major project, but you open a repository and feel hit by a "Wall of Code". It’s intimidating, the issues are full of jargon, and you don’t know where to start. This community is full of talent, but they are often stuck behind a "contribution paralysis" barrier. I wanted to build a bridge to help them cross it.
What I Built
FirstPRCpncierge is an AI-powered "Contribution Concierge".
Instead of scrolling through thousands of GitHub issues, users simply enter their GitHub username. The app analyses their most-used languages and matches them with real-time "Good First Issues" that actually fit their skill level.
The "Magic" Feature:
The app uses AI to "demystify" complex issues. It takes a technical GitHub description and translates it into a 3-step beginner roadmap:
- 📂 Where to look: The specific folders to explore.
- 🛠️ What to change: A plain-English explanation of the logic.
- 🧪 How to test: How to verify the fix works.
Demo
✨ Try FirstPRConcierge. Live: https://first-pr-concierge.vercel.app/
Demo video: https://youtu.be/-X8p4mz4Wy0
Watch how the AI breaks down a complex React issue into a 60-second roadmap.
Code
GitHub Link: https://github.com/Boweii22/First-PR-Concierge
How I Built It
I wanted the app to be lightning-fast and accessible, so I chose a modern, high-performance stack:
- Framework: Next.js 15 for seamless server-side rendering.
- Styling: Tailwind CSS + Shadcn/UI to give it a professional, trustworthy "SaaS" aesthetic that judges love.
- Intelligence: Gemini API (or OpenAI) to power the "Issue De-mystifier".
- Data: GitHub REST API to fetch live issues and user profile data.
The hardest part? Fine-tuning the AI prompt to ensure it didn't just give the answer but gave the guidance a mentor would provide. I wanted to make sure users still learned by doing.
Top comments (0)