Inspiration
Many students and professionals struggle to clearly understand their future career path. People often feel confused about what skills they should learn, what opportunities match their interests, and how their current habits impact their future success. We wanted to create a platform that uses AI to help users visualize their future, identify skill gaps, and receive a personalized roadmap toward achieving their dream career and life goals.
PathForge AI was inspired by the idea of combining AI, career guidance, productivity, and future planning into one futuristic and interactive platform.
What it does
PathForge AI is an AI-powered career and life roadmap platform.
Users enter:
- skills
- interests
- education background
- habits
- strengths & weaknesses
- dream career goals
The AI then analyzes the profile and generates:
- personalized career predictions
- future success analysis
- skill gap analysis
- recommended technologies and skills
- interactive future timeline
- personalized learning roadmap
- AI mentor guidance and motivational suggestions
The platform also includes:
- AI chatbot mentor
- progress tracking dashboard
- achievement badges
- future milestone visualization
- downloadable roadmap PDF
How we built it
We designed PathForge AI with a futuristic dark-themed UI using modern web technologies and AI-powered workflows.
Tech stack used:
- React
- Tailwind CSS
- Framer Motion
- Node.js
- Gemini/OpenAI API
- Recharts We focused heavily on:
- smooth animations
- glassmorphism design
- responsive layouts
- interactive timelines
- visually engaging dashboards
The application was structured into multiple modules including:
- Landing Page
- User Input Dashboard
- AI Analysis Engine
- Timeline Visualization
- AI Mentor Chatbot
- Progress Tracker
We also implemented local storage and mock AI fallback data to ensure smooth demo performance.
Challenges we ran into
One of the biggest challenges was designing an AI experience that felt both realistic and visually engaging within a hackathon timeframe.
We also faced challenges with:
- structuring personalized AI outputs
- creating smooth futuristic animations
- balancing UI complexity with usability
- designing interactive roadmap visualizations
- ensuring responsive layouts across devices
Another challenge was integrating multiple futuristic features into a clean and intuitive user experience.
Accomplishments that we're proud of
We are proud of creating a project that combines:
- AI
- productivity
- career guidance
- visualization
- gamification
into one unified platform.
Some highlights include:
- futuristic startup-style UI
- AI-powered career prediction system
- interactive future timeline
- personalized roadmap generation
- AI mentor chatbot
- animated analytics dashboard
We are especially proud of the overall user experience and the strong visual presentation of the platform.
What we learned
During this project, we learned:
- how to design AI-powered user experiences
- prompt engineering techniques
- modern UI/UX design principles
- animation and interaction design
- how to structure scalable frontend workflows
- the importance of storytelling during product design
We also learned how powerful AI can be when combined with personalization and visualization.
What's next for PathForge AI
In the future, we plan to expand PathForge AI with:- real-time AI coaching- voice assistant support- cloud-based user accounts- integration with learning platforms- personalized course recommendations- advanced analytics dashboards- real-world career market insights- community and mentorship featuresOur long-term vision is to make PathForge AI a complete AI-powered future planning ecosystem that helps people confidently build their ideal career and life path.
Built With
- api
- api/openai
- apis
- css
- css3
- express.js
- framer
- framer-motion
- gemini
- gemini-api/openai-api
- glassmorphism-ui-design
- html5
- javascript
- local
- local-storage
- motion
- node.js
- pdf-generation
- react.js
- recharts
- responsive-web-design
- rest
- rest-apis
- tailwind
- tailwind-css
- vite
Log in or sign up for Devpost to join the conversation.