-
-
AI-powered career guidance platform that turns student goals into a personalized, step-by-step roadmap using free learning resources.
-
Users enter their education level and location so the AI can generate a realistic and region-aware career roadmap.
-
Students describe their passions and career interests in natural language for highly personalized AI recommendations.
-
Users share learning barriers and goals so ClearPath creates a structured and achievable growth plan.
-
Real-time AI processing that analyzes user inputs and builds a structured career path within seconds.
-
AI-generated career recommendation with profile insights and a clear explanation of why the path fits the user.
-
Step-by-step execution plan with skill gaps, free learning platforms, and an actionable journey to become industry-ready.
-
12-month AI career execution plan with real projects, DSA prep, system design, networking, and a path to job readiness.
-
One-click export of the personalized career roadmap as a clean, shareable PDF for long-term tracking and mentorship.
🌍 Inspiration
Many students, especially from underserved and low-income backgrounds, don’t lack talent — they lack clear direction.
Most career guidance today is:
- expensive
- generic
- not personalized
- dependent on mentorship access
I wanted to build a system where a student could simply describe their situation in plain language and instantly receive a realistic, structured, and completely free career roadmap.
ClearPath was built to democratize career guidance using AI.
💡 What it does
ClearPath is an AI-powered career navigator that:
- analyzes a student’s education, interests, location, and challenges
- recommends a suitable career path
- generates a step-by-step execution roadmap
- identifies skill gaps
- provides only free learning resources
- creates a 12-month action plan
- allows the user to download their personalized career plan as a PDF
This transforms confusion into a clear, actionable path.
⚙️ How we built it
Frontend
- React (Vite)
- Tailwind CSS
- Glassmorphism-based responsive UI
Backend
- Node.js + Express
AI Integration
- Groq (LLaMA 3.1) for ultra-fast structured roadmap generation
Database
- Supabase (PostgreSQL + JSONB for flexible AI responses)
Deployment
- Vercel (frontend)
- Render (backend)
The AI is prompted to return strictly structured JSON, which is mapped directly into the UI timeline, skill gaps, resources, and action plan.
🧠 Challenges we ran into
- Designing a structured AI response format that could be rendered reliably in the UI
- Handling AI failures and adding safe fallback responses for live demos
- Connecting Supabase JSONB storage with dynamic roadmap data
- Ensuring fast generation time for a smooth user experience
- Deploying a full-stack AI app within a short hackathon timeframe
🏆 Accomplishments that we’re proud of
- Built a complete end-to-end AI product in a limited time
- Real-time career roadmap generation
- Fully deployed full-stack application
- PDF export of personalized career plans
- Designed specifically for social impact
📚 What we learned
- Prompt engineering for structured AI output
- Full-stack deployment workflow
- Supabase database design with JSONB
- Building resilient AI-powered applications
- Designing for real users, not just a demo
🔮 What’s next for ClearPath
- Local job & internship matching
- Multi-language support
- Scholarship and mentorship recommendations
- Offline-first mobile experience
- AI-powered progress tracking
❤️ Impact
ClearPath is for:
- students without mentorship
- self-taught developers
- career switchers
- learners who cannot afford paid platforms
It turns “I don’t know what to do” → into a step-by-step future plan.
Built With
- express.js
- groq
- javascript
- llama-3
- node.js
- react
- render
- supabase
- tailwindcss
- vercel
- vite
Log in or sign up for Devpost to join the conversation.