🚀 SkillGPS: AI-Powered Learning Path Generator (v2.1)

A professional, modular learning platform that leverages AI to generate personalized educational journeys. Features a sleek Vanilla HTML/CSS/JS frontend and a robust dual-backend architecture.

🏗 Architecture

1. Frontend (Vanilla HTML, CSS, JS)

• Tech: HTML5, CSS3 (Custom Glassmorphism), Vanilla JavaScript.
• Features: Animated Dark Theme, Responsive Dashboard, Interactive AI Flowcharts.
• Location: backend/public (Served directly by the Node server).

2. Backend API & Web Server (Node.js + Express)

• Tech: Express, Axios, Body-parser.
• Role: Manages users, profiles, and serves the frontend. Acts as a gateway to the AI service.
• Location: /backend

3. AI Service (Python + FastAPI)

• Tech: FastAPI, Google Generative AI (Gemini), Matplotlib.
• Role: Generates personalized learning paths and visual flowcharts.
• Location: /ai

🚀 How to Run

Step 1: Start AI Service

cd ai
# Activate venv if needed
python main.py

Step 2: Start Backend & UI

cd backend
npm install
node index.js

Step 3: Access the App

Open your browser to: http://localhost:5000

🔑 Environment Variables

Ensure you have .env files in both backend/ and ai/ with your GEMINI_API_KEY.

---

Learning Path Generator 1