DevMentor-AI

• 

  Login page

• 

  Dashboard

• 

  Debug and Console

• 

  Code Explainer

• 

  Tasks

• 

  My rank

• 

  Customer Support

• 

  Profile Page

🚀 DevMentor AI An AI-Powered Developer Learning & Productivity Platform

DevMentor AI is an intelligent, interactive learning assistant for developers that helps users learn faster, code smarter, and grow continuously using AI-driven insights, assessments, and productivity tools.

Built for modern developers, DevMentor AI combines AI mentoring, skill analytics, guided roadmaps, debugging assistance, and gamification into a single seamless platform.

🧠 Problem Statement

Developers often struggle with:

Identifying their skill gaps

Following a clear learning roadmap

Understanding complex codebases

Debugging efficiently

Staying motivated and consistent

Existing learning platforms are static, generic, and non-adaptive.

💡 Solution

DevMentor AI acts as a personal AI mentor that:

Analyzes developer skills

Generates personalized learning paths

Explains code contextually

Assists in debugging

Tracks progress with gamification

Improves developer productivity end-to-end

✨ Key Features 🔐 Secure Authentication

Google OAuth 2.0 login

Protected application flow

Secure session handling

📊 Skill Analytics Dashboard

Developer performance insights

XP, levels, streaks & badges

Real-time progress tracking

🧪 AI Skill Assessment

AI-driven technical assessment

Identifies weak & strong areas

Adaptive recommendations

🗺️ Personalized Learning Roadmap

Custom mastery paths

Skill-based progression

Goal-oriented learning

🧠 Code Insight Lab

AI-powered code explanation

Context-aware understanding

Beginner-friendly insights

🐞 Debug Console

AI-assisted debugging

Error analysis & suggestions

Faster problem resolution

🎯 Challenges & Gamification

Daily missions

XP rewards & leveling system

Global leaderboard

🎙️ Voice AI Assistant

Hands-free interaction

Voice-based guidance & help

🧑‍💼 Profile & Progress

Personalized user profile

Skill stats & achievements

Role-based identity

🏗️ System Architecture (High Level) User ↓ Frontend (React + Tailwind) ↓ Google OAuth Authentication ↓ AI Processing Layer ├─ Skill Assessment Engine ├─ Code Explanation Engine ├─ Debugging Assistant └─ Roadmap Generator ↓ State Management & UI Rendering

🛠️ Tech Stack Frontend

React (Vite)

TypeScript

Tailwind CSS

Lucide Icons

Authentication

Google OAuth 2.0

@react-oauth/google

JWT decoding

AI & Logic

Prompt-based AI reasoning

Skill analysis algorithms

Gamification logic

Deployment

Vercel

CI/CD enabled

🔒 Security Considerations

OAuth-based authentication

No plaintext credentials

Defensive UI rendering to prevent runtime crashes

Secure user session handling

🎯 Use Cases

Students learning programming

Early-career developers

Hackathon participants

Self-taught engineers

Developers preparing for interviews

Built With

• geminiapi
• github
• googleoauth2.0
• lucideicons
• react(vite)
• tailwindcss
• typescript
• vercel