A gamified AI-powered career guide for high school students
Integrated an AI-driven chat system and implemented interactive animations and Lottie-based micro-interactions to enhance engagement for younger users and personalize career exploration. Built full-stack features by connecting frontend chat and onboarding experiences to backend endpoints, handling user state and conversation flows, and ensuring reliable data handling for personalized recommendations.
Details
Product Walkthrough
A step-by-step look at how the product works through real interactions.
AI-Based Career Matching System
Designed and implemented a structured questionnaire to collect user interests and work preferences
Integrated decision logic to analyze responses and generate personalized career matches
Built reusable UI components to support branching question paths and dynamic recommendations
Guided Career Progression Path
Developed state-based progression logic to unlock stages based on user completion status
Structured career milestones including skills, certifications, and training requirements
Implemented gamified progression UI to improve engagement and clarity of advancement
Connected frontend progression states with backend career pathway data models
In-Demand Career Insights
Implemented dynamic job cards displaying roles, locations, and employment types
Structured career data to highlight market demand and opportunity availability
System Architecture
Frontend
- React Native & Expo
- Mobile-first Career Exploration UI
- Onboarding, Chat & Progression Flows
API Layer
- Career Matching Logic
- AI Chat & Recommendation Flow
- State-Based Progress Management
Database
- PostgreSQL
- User Progress & Pathway Data
- Career Content Storage
Platform
- Authentication & User State
- Saved Career Paths
- Personalized Recommendations
Future Improvements
Advanced AI Personalization
Refine recommendation quality by adapting career suggestions to user interests, preferences, and prior interactions.
Persistent User Journey Tracking
Support long-term progress saving so users can return to their pathway, milestones, and career matches at any time.
Deeper Interactive Simulations
Expand the simulation experience with more scenario-based content tailored to different skilled trades and career paths.
Learning Path & Resource Suggestions
Provide follow-up recommendations such as certifications, training programs, and practical next steps for each career path.