CodeMentor AI – Ocean-Themed AI Career Navigator

• 

  CaptainMentor

• 

  CareerCompass

• 

  CodeOceanAnalytics

• 

  DeckSettings

• 

  ExploreLog

• 

  InterviewCoast1

• 

  InterviewCoast2

• 

  LoginWindow

• 

  MainPageDark

• 

  MainPageLight

• 

  NavigationRoute

• 

  OceanCommandCenter

• 

  OpenSourceBay1

• 

  OpenSourceBay2

• 

  RecruiterRadar

• 

  SeaLaneDsaTracker

• 

  StreakTracker

• 

  WeeklyChart

🌊 Inspiration

I noticed that many students struggle to plan and navigate their tech careers effectively. Most learners face confusion in choosing the right learning path, tracking their DSA progress, understanding their strengths on GitHub, and preparing for technical interviews.

To solve this, I built CodeMentor AI, an ocean-themed AI-powered career navigation platform that turns scattered learning into a structured and guided journey.

The ocean theme represents exploration, growth, and direction — just like a student’s career journey.

⚙️ What it does

CodeMentor AI helps students and aspiring developers by providing:

📊 GitHub profile analysis using real data 🧭 AI-generated personalized career roadmaps 🚢 DSA progress tracking and consistency monitoring 🤖 AI-powered career mentorship and guidance 📄 Resume analysis with improvement suggestions 🎯 Interview preparation support 🏝️ Interactive skill visualization dashboard

It brings everything together into a single intelligent platform for career growth.

🛠️ How I built it

I developed CodeMentor AI using a full-stack architecture:

Frontend: React, TypeScript, Vite, Tailwind CSS Backend: Node.js, Express APIs: GitHub REST API, Google Gemini API Deployment: Render

The frontend focuses on an immersive ocean-themed UI with responsive design and smooth interactions. The backend handles API requests, AI responses, and data processing.

I integrated AI features to dynamically generate:

Learning roadmaps Career suggestions Resume feedback Interview preparation guidance 🚧 Challenges we faced

One of the biggest challenges was integrating multiple APIs (GitHub + Gemini) while ensuring performance and reliability.

I also worked on:

Designing a scalable backend architecture Optimizing API response time Maintaining consistent ocean-themed UI across all modules Handling real-time data from external APIs Making the platform fully responsive across devices 🎓 What I learned

Through this project, we learned:

How to build and integrate AI-powered systems into real applications How to work with external APIs efficiently How to design scalable full-stack applications Importance of user experience and UI consistency How to deploy production-ready applications 🚀 What’s next

I plan to expand CodeMentor AI with:

Real-time AI mentorship chat system Peer-to-peer learning features Gamified learning system Advanced analytics for skill tracking Community-driven career guidance

Built With

• express-for-api-handling-and-server-logic-ai-&-apis:-google-gemini-api-for-ai-powered-guidance
• frontend:-react
• github
• github-rest-api-for-developer-insights-deployment:-render-for-full-stack-cloud-deployment-development-tools:-git
• tailwind-css-for-a-responsive-ocean-themed-ui-backend:-node.js
• typescript
• vite
• vs