An intelligent full-stack web application that generates personalized, quarter-wise career development roadmaps using Google Gemini AI.
Built as part of a Hackathon by Team AI Innovators (Team ID: T078).
Generic career advice doesn't work for everyone. RoadmapX analyzes your current skills, experience, and target role — then generates a precise, actionable development plan tailored specifically to you.
- 📋 Input your skills, projects, experience and target role
- 📄 Optional PDF resume upload for richer analysis
- 🤖 Google Gemini AI generates personalized quarter-wise roadmap
- 📊 Identifies skill gaps between current profile and target role
- 💡 Suggests projects, learning paths and leadership improvements
- 🔔 Real-time notifications with react-toastify
- 📱 Clean responsive React UI
AI: Google Gemini (gemini-2.5-flash-preview-05-20)
Libraries: axios · react-toastify · uvicorn
User fills profile form (skills, target role, projects, experience)
↓
React frontend sends POST request to FastAPI backend
↓
Backend feeds profile to Google Gemini LLM
↓
Gemini analyzes skill gaps + generates quarter-wise roadmap
↓
Roadmap displayed on frontend in structured format
cd backend
pip install -r requirements.txt
uvicorn app:app --reload
# Runs on http://localhost:8000cd frontend
npm install
npm start
# Runs on http://localhost:3000Add your Google Gemini API key to the backend
.envfile before running.
RoadmapX/
├── frontend/ # React application
├── backend/ # FastAPI server + Gemini integration
└── README.md
| Member | Role |
|---|---|
| Simranjeet Kaur | Full Stack — React Frontend + FastAPI Backend Integration |
| Jasleen Kaur | Backend Development (FastAPI) |
| Kritika | API Key Generation and Usage |
| Jasreet Kaur | Presentation |
| Ankush Garg | Research |
Made with 💙 by Simranjeet Kaur