STEM Mentor – Your Personalized STEM Career Guide

🌟 About the Project: STEM Mentor

🚀 Inspiration

Many students struggle to choose the right STEM (Science, Technology, Engineering, and Mathematics) career path due to a lack of personalized guidance and awareness. Traditional career counseling often falls short in addressing each student's unique strengths, interests, and aspirations.
STEM Mentor was inspired by this gap — aiming to empower the next generation of STEM professionals through personalized, AI-driven mentorship.

🛠️ How We Built It

Frontend: Built using React.js and styled with Tailwind CSS for a modern, responsive user interface.
Animations: Integrated Framer Motion to create a smooth and engaging user experience.
AI Logic: Utilized OpenAI's GPT-4 model to analyze psychometric results and generate tailored career suggestions.
Survey Integration: Used Typeform to collect personality and interest data, which feeds into the AI backend.
Deployment: Hosted seamlessly on Netlify for instant access and scalability.

💡 What We Learned

How to effectively blend psychology with AI to create meaningful user experiences.
The importance of UX/UI design in educational tools.
How to structure modular, scalable React components for fast iteration and performance.
Real-world integration of large language models (LLMs) into frontend applications.

🧱 Challenges We Faced

Mapping psychometric traits to relevant STEM careers in a data-driven yet empathetic manner.
Creating clear, user-friendly interfaces that work well across devices.
Ensuring the AI-generated advice was constructive, realistic, and aligned with actual career paths.
Managing API limits and fine-tuning AI prompts to generate consistent, high-quality outputs.