Key metric
3
Guided Learning Layers
Case Study
DevCoach
DevCoach is a full-stack learning platform that helps developers practice by working through real-world coding projects. It uses AI to generate project ideas, break them into steps, and reveal hints or solutions only when users need support.
Outcome
Structured projects into ideas, step-by-step tasks, and gated hints/solutions to improve problem-solving.
Tools
Contributions
- Frontend development
- Backend development
- Anthropic AI integration
Challenges
A key challenge was designing an experience that motivates developers to think independently while still offering support when they need it. This required developing a progressive guidance system without making the app feel like a tutorial.
Another challenge was enforcing fair use when using external AI APIs while maintaining a smooth user experience.
Solutions
I used Anthropic AI to generate project ideas and step-by-step breakdowns, and structured the interface to reveal hints and solutions gradually. This encourages users to try solving problems themselves before seeking help—mimicking how real developers work.
To manage costs, I implemented credit-based access. Projects are protected behind user authentication using NextAuth, and data is stored in MongoDB for persistence and tracking.
Notable features
- AI-generated project ideas tailored for individual developers
- Step-based project flow with gated hints and solutions
- Credit system integrated with Lemon Squeezy
- Secure project access via NextAuth authentication
- Real-time project progress tracking
- Clean, responsive dashboard built with TypeScript and Tailwind CSS
1 / 12
Let's Work Together
Tell me what you're building
Share the scope, blockers, timeline, and outcome you're looking for. I'll review the context and follow up with clear next steps.