Std Track Ai

• 

  you can ak any qestion to ai relate to any skill.

• 

  login form where user can login or sign in,sign up

• 

  form for searching any field. in this form user can find any skil coures any universty any scholership and any job ..

• 

  ai answering.

• 

  resalt of searching field

• 

  main interface of app.

• 

  user profile interface.

$$ Inspiration $$

StdTrack AI was inspired by the need for personalized learning paths for students and learners worldwide.

We wanted to create an AI-powered platform that could help users discover courses, universities, scholarships, and career paths all in one place, using Google Gemini 3 AI.

$$ What it does $$

• Generates custom learning blueprints based on user skills and goals
  
• Suggests top universities and courses for academic growth
  
• Locates scholarships and financial aid opportunities
  
• Provides career guidance and potential job roles
  
• Stores user progress with Firebase integration
  

- Allows users to export their roadmap as .txt for sharing

$$ How we built it $$

• Frontend: React 19, TypeScript, Tailwind CSS
  
• AI Engine: Google Gemini 3 Pro (@google/genai)
  
• Backend/Auth: Firebase (Authentication & Realtime Database)
  

• Deployment: Netlify for easy hosting

  We combined a futuristic UI, AI-assisted roadmap generation, and persistent database to make the experience seamless for users.

  $$ Challenges we ran into $$

• Integrating Gemini 3 AI for dynamic roadmap generation

• Making the AI suggestions accurate and context-aware

• Setting up Firebase integration for persistent user data

• Designing a responsive and visually appealing UI

- Ensuring smooth Netlify deployment without configuration issues

$$ Accomplishments that we're proud of $$

• Successfully created a hackathon-ready AI roadmap tool
  
• Built a persistent database so users can save their progress
  
• Made the app fully responsive and mobile-friendly
  
• Developed a chat-based AI interface for personalized guidance
  

- Created a visual, futuristic thumbnail for hackathon submission

$$ What we learned $$

• How to leverage Google Gemini 3 AI for personalized recommendations
  
• Best practices for Firebase authentication and database usage
  
• Building a React + Tailwind full-stack application optimized for deployment
  
• Designing user-friendly and hackathon-ready UI/UX
  

- Handling AI-generated data dynamically and persistently

$$ What's next for StdTrack AI $$

• Add more AI personalization options for career and skills
  
• Integrate additional learning resources and platforms
  
• Implement real-time analytics for tracking user progress
  
• Enhance export and sharing features
  
• Expand the app to support multiple languages and international students
  

Built With

• firebase-athutication-realtime-database
• github
• google-ai-studio
• google-gemini-3
• netlifay
• react
• tailwind-css
• typescript