initial commit

.dockerignore

@@ -0,0 +1,23 @@
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+.env
+.venv
+venv/
+ENV/
+
+# Databases
+*.db
+*.sqlite3
+
+# Local Data
+backend/data/uploads/
+backend/data/reports/
+data/
+
+# OS/IDE
+.vscode/
+.idea/
+.DS_Store
+Thumbs.db

.gitignore

@@ -0,0 +1,27 @@
+# Python
+__pycache__/
+*.py[cod]
+*$py.class
+.venv
+venv/
+ENV/
+
+# Environment / Secrets (CRITICAL)
+.env
+backend/.env
+
+# Databases
+*.db
+*.sqlite3
+backend/data/*.db
+
+# Local Uploads (S3 will handle this in cloud)
+backend/data/uploads/*
+!backend/data/uploads/.gitkeep
+backend/data/reports/*
+!backend/data/reports/.gitkeep
+
+# OS/IDE
+.vscode/
+.idea/
+.DS_Store

Dockerfile

@@ -0,0 +1,45 @@
+# Use an official Python runtime as a parent image
+FROM python:3.11-slim
+
+# Set environment variables
+ENV PYTHONUNBUFFERED=1
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONPATH=/app/backend
+
+# Set the working directory in the container
+WORKDIR /app
+
+# Install system dependencies for OpenCV and other libraries
+RUN apt-get update && apt-get install -y --no-install-recommends \
+    libgl1-mesa-glx \
+    libglib2.0-0 \
+    libsm6 \
+    libxext6 \
+    libxrender-dev \
+    gcc \
+    python3-dev \
+    && rm -rf /var/lib/apt/lists/*
+
+# Copy only the requirements first to leverage Docker cache
+COPY backend/requirements.txt .
+
+# Install dependencies
+# Note: This will install CPU versions of torch to keep the image size manageable
+# since most standard cloud servers don't have GPUs.
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy the backend and frontend directories into the container
+COPY backend /app/backend
+COPY frontend /app/frontend
+
+# Create necessary directories for runtime data (even if we move to S3 later)
+RUN mkdir -p /app/backend/data/uploads/emotions \
+    /app/backend/data/uploads/diary \
+    /app/backend/data/reports
+
+# Expose the port the app runs on
+EXPOSE 8000
+
+# Run the application using uvicorn
+# We use 0.0.0.0 to allow external connections from the cloud
+CMD ["uvicorn", "backend.app.main:app", "--host", "0.0.0.0", "--port", "8000"]

add_column.py

@@ -0,0 +1,17 @@
+import sqlite3
+import os
+
+db_path = os.path.join("backend", "data", "neurosense.db")
+if os.path.exists(db_path):
+    try:
+        conn = sqlite3.connect(db_path)
+        cursor = conn.cursor()
+        cursor.execute("ALTER TABLE emotion_logs ADD COLUMN image_hash VARCHAR;")
+        conn.commit()
+        print("Success! Added image_hash column to emotion_logs table.")
+    except Exception as e:
+        print(f"Error (maybe column already exists): {e}")
+    finally:
+        conn.close()
+else:
+    print(f"Database not found at {db_path}")

backend/app/__init__.py

@@ -0,0 +1 @@
+# Mark app as a package

backend/app/database.py

@@ -0,0 +1,33 @@
+import os
+from sqlalchemy import create_engine
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import sessionmaker
+
+# Get the absolute path to the directory where this file is located (backend/app)
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+# Default local SQLite path
+DEFAULT_DB_PATH = os.path.join(os.path.dirname(BASE_DIR), "data", "neurosense.db")
+
+# Use DATABASE_URL from environment variable (for Cloud), or fallback to local SQLite
+SQLALCHEMY_DATABASE_URL = os.getenv("DATABASE_URL", f"sqlite:///{DEFAULT_DB_PATH}")
+
+# Fix for some cloud providers (like Heroku) that use 'postgres://' instead of 'postgresql://'
+if SQLALCHEMY_DATABASE_URL.startswith("postgres://"):
+    SQLALCHEMY_DATABASE_URL = SQLALCHEMY_DATABASE_URL.replace("postgres://", "postgresql://", 1)
+
+# SQLite requires 'check_same_thread: False', PostgreSQL does not
+engine_args = {}
+if SQLALCHEMY_DATABASE_URL.startswith("sqlite"):
+    engine_args["connect_args"] = {"check_same_thread": False}
+
+engine = create_engine(SQLALCHEMY_DATABASE_URL, **engine_args)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+
+Base = declarative_base()
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()

backend/app/main.py

@@ -0,0 +1,81 @@
+from fastapi import FastAPI, Request
+from fastapi.responses import RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from app.database import engine, Base
+from app.routers import auth, dashboard, emotion, activities, diary
+import os
+
+# Create Database Tables
+Base.metadata.create_all(bind=engine)
+
+app = FastAPI(title="NeuroSense")
+
+# Get base directory (backend root)
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+FRONTEND_DIR = os.path.join(os.path.dirname(BASE_DIR), "frontend")
+
+# Ensure necessary directories exist in backend/data
+os.makedirs(os.path.join(BASE_DIR, "data/uploads/emotions"), exist_ok=True)
+os.makedirs(os.path.join(BASE_DIR, "data/uploads/diary"), exist_ok=True)
+os.makedirs(os.path.join(BASE_DIR, "data/reports"), exist_ok=True)
+
+# Mount Static Files (CSS, JS) from frontend folder
+app.mount("/static", StaticFiles(directory=os.path.join(FRONTEND_DIR, "static")), name="static")
+
+# Mount Data Folders for viewing (from backend/data)
+app.mount("/uploads", StaticFiles(directory=os.path.join(BASE_DIR, "data/uploads")), name="uploads")
+app.mount("/reports", StaticFiles(directory=os.path.join(BASE_DIR, "data/reports")), name="reports")
+
+# Templates from frontend/templates
+templates = Jinja2Templates(directory=os.path.join(FRONTEND_DIR, "templates"))
+
+# Include Routers
+app.include_router(auth.router)
+app.include_router(dashboard.router)
+app.include_router(emotion.router)
+app.include_router(activities.router)
+app.include_router(diary.router)
+
+# Page Routes
+
+@app.get("/")
+def home_page(request: Request):
+    # Root is Dashboard
+    return templates.TemplateResponse("dashboard.html", {"request": request})
+
+@app.get("/login")
+def login_page(request: Request):
+    return templates.TemplateResponse("login.html", {"request": request})
+
+@app.get("/children")
+def children_page(request: Request):
+    return templates.TemplateResponse("children.html", {"request": request})
+
+@app.get("/emotion-learning")
+def emotion_page(request: Request):
+    return templates.TemplateResponse("emotion.html", {"request": request})
+
+@app.get("/activities")
+def activities_page(request: Request):
+    return templates.TemplateResponse("activities.html", {"request": request})
+
+@app.get("/game/{game_name}")
+def game_page(request: Request, game_name: str):
+    return templates.TemplateResponse("game.html", {"request": request, "game_name": game_name})
+
+@app.get("/dashboard")
+def dashboard_redirect(request: Request):
+    return RedirectResponse(url="/")
+
+@app.get("/diary")
+def diary_page(request: Request):
+    return templates.TemplateResponse("diary.html", {"request": request})
+
+@app.get("/quiz")
+def quiz_page(request: Request):
+    return templates.TemplateResponse("quiz.html", {"request": request})
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="127.0.0.1", port=8000)

backend/app/models.py

@@ -0,0 +1,74 @@
+from sqlalchemy import Column, Integer, String, Boolean, DateTime, ForeignKey, Float
+from sqlalchemy.orm import relationship
+from datetime import datetime
+from app.database import Base
+
+class User(Base):
+    __tablename__ = "users"
+    id = Column(Integer, primary_key=True, index=True)
+    username = Column(String, unique=True, index=True)
+    hashed_password = Column(String)
+    children = relationship("Child", back_populates="parent")
+    diary_entries = relationship("DiaryEntry", back_populates="parent")
+
+class Child(Base):
+    __tablename__ = "children"
+    id = Column(Integer, primary_key=True, index=True)
+    name = Column(String)
+    age = Column(Integer)
+    parent_id = Column(Integer, ForeignKey("users.id"))
+    autism_inheritance = Column(String, default="") # Family history/traits
+    sensory_level = Column(String, default="standard") # 'low', 'standard', 'high'
+    parent = relationship("User", back_populates="children")
+    
+    emotion_logs = relationship("EmotionLog", back_populates="child")
+    activity_logs = relationship("ActivityLog", back_populates="child")
+    quiz_results = relationship("QuizResult", back_populates="child")
+
+class EmotionLog(Base):
+    __tablename__ = "emotion_logs"
+    id = Column(Integer, primary_key=True, index=True)
+    child_id = Column(Integer, ForeignKey("children.id"))
+    image_path = Column(String)
+    image_hash = Column(String, index=True) # New column
+    predicted_emotion = Column(String)
+    corrected_emotion = Column(String, nullable=True)
+    confirmed = Column(Boolean, default=False)
+    timestamp = Column(DateTime, default=datetime.utcnow)
+    
+    child = relationship("Child", back_populates="emotion_logs")
+
+class ActivityLog(Base):
+    __tablename__ = "activity_logs"
+    id = Column(Integer, primary_key=True, index=True)
+    child_id = Column(Integer, ForeignKey("children.id"))
+    activity_name = Column(String)  # e.g., "Emotion Match", "Color Learn"
+    score = Column(Integer)         # e.g., 100
+    duration_seconds = Column(Integer) 
+    timestamp = Column(DateTime, default=datetime.utcnow)
+
+    child = relationship("Child", back_populates="activity_logs")
+
+class QuizResult(Base):
+    __tablename__ = "quiz_results"
+    id = Column(Integer, primary_key=True, index=True)
+    child_id = Column(Integer, ForeignKey("children.id"))
+    quiz_name = Column(String)
+    score = Column(Integer)
+    total_questions = Column(Integer)
+    timestamp = Column(DateTime, default=datetime.utcnow)
+
+    child = relationship("Child", back_populates="quiz_results")
+
+class DiaryEntry(Base):
+    __tablename__ = "diary_entries"
+    id = Column(Integer, primary_key=True, index=True)
+    parent_id = Column(Integer, ForeignKey("users.id"))
+    child_name = Column(String) # Or link directly to child, but keeping simple for now
+    title = Column(String)
+    message = Column(String)
+    image_path = Column(String, nullable=True)
+    video_path = Column(String, nullable=True)
+    timestamp = Column(DateTime, default=datetime.utcnow)
+
+    parent = relationship("User", back_populates="diary_entries")

backend/app/models/custom_ai/labels.json

@@ -0,0 +1 @@
+{"0": "angry", "1": "disgust", "2": "fear", "3": "happy", "4": "love", "5": "sad", "6": "shock", "7": "silly", "8": "surprise", "9": "tired"}

backend/app/routers/activities.py

@@ -0,0 +1,33 @@
+from fastapi import APIRouter, Depends
+from sqlalchemy.orm import Session
+from app.database import get_db
+from app.models import ActivityLog, QuizResult
+from pydantic import BaseModel
+
+router = APIRouter(prefix="/activities", tags=["activities"])
+
+class ActivityCreate(BaseModel):
+    child_id: int
+    activity_name: str
+    score: int
+    duration_seconds: int
+
+class QuizCreate(BaseModel):
+    child_id: int
+    quiz_name: str
+    score: int
+    total_questions: int
+
+@router.post("/log-activity")
+def log_activity(act: ActivityCreate, db: Session = Depends(get_db)):
+    new_log = ActivityLog(**act.dict())
+    db.add(new_log)
+    db.commit()
+    return {"message": "Activity logged"}
+
+@router.post("/log-quiz")
+def log_quiz(quiz: QuizCreate, db: Session = Depends(get_db)):
+    new_log = QuizResult(**quiz.dict())
+    db.add(new_log)
+    db.commit()
+    return {"message": "Quiz logged"}

backend/app/routers/auth.py

@@ -0,0 +1,67 @@
+from fastapi import APIRouter, Depends, HTTPException, status, Response
+from sqlalchemy.orm import Session
+from app.database import get_db
+from app.models import User, Child
+from app.utils.auth_utils import get_password_hash, verify_password, create_access_token
+from pydantic import BaseModel
+from typing import List
+
+router = APIRouter(prefix="/auth", tags=["auth"])
+
+class UserCreate(BaseModel):
+    username: str
+    password: str
+
+class ChildCreate(BaseModel):
+    name: str
+    age: int
+    parent_id: int
+    autism_inheritance: str = ""
+    sensory_level: str = "standard"
+
+@router.post("/register")
+def register(user: UserCreate, db: Session = Depends(get_db)):
+    db_user = db.query(User).filter(User.username == user.username).first()
+    if db_user:
+        raise HTTPException(status_code=400, detail="Username already registered")
+    hashed_pwd = get_password_hash(user.password)
+    new_user = User(username=user.username, hashed_password=hashed_pwd)
+    db.add(new_user)
+    db.commit()
+    db.refresh(new_user)
+    return {"message": "User created successfully"}
+
+@router.post("/login")
+def login(user: UserCreate, db: Session = Depends(get_db)):
+    db_user = db.query(User).filter(User.username == user.username).first()
+    if not db_user or not verify_password(user.password, db_user.hashed_password):
+        raise HTTPException(status_code=401, detail="Invalid credentials")
+    access_token = create_access_token(data={"sub": db_user.username, "id": db_user.id})
+    return {"access_token": access_token, "token_type": "bearer", "user_id": db_user.id}
+
+@router.post("/add-child")
+def add_child(child: ChildCreate, db: Session = Depends(get_db)):
+    new_child = Child(
+        name=child.name, 
+        age=child.age, 
+        parent_id=child.parent_id,
+        autism_inheritance=child.autism_inheritance,
+        sensory_level=child.sensory_level
+    )
+    db.add(new_child)
+    db.commit()
+    db.refresh(new_child)
+    return {"message": "Child added", "child_id": new_child.id}
+
+@router.get("/children/{parent_id}")
+def get_children(parent_id: int, db: Session = Depends(get_db)):
+    return db.query(Child).filter(Child.parent_id == parent_id).all()
+
+@router.delete("/delete-child/{child_id}")
+def delete_child(child_id: int, db: Session = Depends(get_db)):
+    db_child = db.query(Child).filter(Child.id == child_id).first()
+    if not db_child:
+        raise HTTPException(status_code=404, detail="Child not found")
+    db.delete(db_child)
+    db.commit()
+    return {"message": "Child deleted successfully"}

backend/app/routers/dashboard.py

@@ -0,0 +1,74 @@
+from fastapi import APIRouter, Depends, HTTPException
+from sqlalchemy.orm import Session
+from sqlalchemy import func
+from app.database import get_db
+from app.models import Child, EmotionLog, ActivityLog, QuizResult
+from datetime import datetime, timedelta
+from reportlab.lib.pagesizes import letter
+from reportlab.pdfgen import canvas
+import os
+
+router = APIRouter(prefix="/dashboard", tags=["dashboard"])
+
+@router.get("/progress/{child_id}")
+def get_progress(child_id: int, db: Session = Depends(get_db)):
+    # Activity Stats
+    activity_stats = db.query(
+        ActivityLog.activity_name,
+        func.avg(ActivityLog.score).label('avg_score'),
+        func.count(ActivityLog.id).label('sessions')
+    ).filter(ActivityLog.child_id == child_id).group_by(ActivityLog.activity_name).all()
+
+    # Quiz Stats
+    quiz_stats = db.query(
+        QuizResult.quiz_name,
+        func.avg(QuizResult.score).label('avg_score'),
+        func.count(QuizResult.id).label('attempts')
+    ).filter(QuizResult.child_id == child_id).group_by(QuizResult.quiz_name).all()
+
+    # Emotion Stats (Last 30 days)
+    thirty_days_ago = datetime.utcnow() - timedelta(days=30)
+    emotion_stats = db.query(
+        EmotionLog.predicted_emotion,
+        func.count(EmotionLog.id).label('count')
+    ).filter(
+        EmotionLog.child_id == child_id,
+        EmotionLog.timestamp >= thirty_days_ago
+    ).group_by(EmotionLog.predicted_emotion).all()
+
+    return {
+        "activities": [{"name": s[0], "avg_score": s[1], "sessions": s[2]} for s in activity_stats],
+        "quizzes": [{"name": s[0], "avg_score": s[1], "attempts": s[2]} for s in quiz_stats],
+        "emotions": [{"emotion": s[0], "count": s[1]} for s in emotion_stats]
+    }
+
+@router.get("/generate-report/{child_id}")
+def generate_report(child_id: int, db: Session = Depends(get_db)):
+    child = db.query(Child).filter(Child.id == child_id).first()
+    if not child:
+        raise HTTPException(status_code=404, detail="Child not found")
+
+    report_dir = "data/reports"
+    os.makedirs(report_dir, exist_ok=True)
+    filename = f"report_{child_id}_{datetime.now().strftime('%Y%m%d%H%M%S')}.pdf"
+    file_path = os.path.join(report_dir, filename)
+
+    # Simple PDF generation with ReportLab
+    c = canvas.Canvas(file_path, pagesize=letter)
+    c.drawString(100, 750, f"NeuroSense - 15 Day Progress Report")
+    c.drawString(100, 730, f"Child Name: {child.name}")
+    c.drawString(100, 710, f"Age: {child.age}")
+    c.drawString(100, 690, f"Date: {datetime.now().strftime('%Y-%m-%d')}")
+
+    # Add activity summary
+    y = 650
+    c.drawString(100, y, "Activity Participation:")
+    y -= 20
+    activities = db.query(ActivityLog).filter(ActivityLog.child_id == child_id).all()
+    for act in activities[-5:]: # Last 5
+        c.drawString(120, y, f"- {act.activity_name}: Score {act.score} ({act.timestamp.strftime('%Y-%m-%d')})")
+        y -= 20
+
+    c.save()
+
+    return {"report_url": f"/reports/{filename}"}

backend/app/routers/diary.py

@@ -0,0 +1,43 @@
+from fastapi import APIRouter, Depends, UploadFile, File, Form
+from sqlalchemy.orm import Session
+from app.database import get_db
+from app.models import DiaryEntry
+import os
+import shutil
+import uuid
+
+router = APIRouter(prefix="/diary", tags=["diary"])
+
+UPLOAD_DIR = "data/uploads/diary"
+os.makedirs(UPLOAD_DIR, exist_ok=True)
+
+from app.utils.storage import save_file
+
+@router.post("/add")
+async def add_diary(
+    parent_id: int = Form(...),
+    child_name: str = Form(...),
+    title: str = Form(...),
+    message: str = Form(...),
+    file: UploadFile = File(None),
+    db: Session = Depends(get_db)
+):
+    image_path_db = None
+    if file:
+        image_path_db = save_file(file, "diary")
+
+    entry = DiaryEntry(
+        parent_id=parent_id,
+        child_name=child_name,
+        title=title,
+        message=message,
+        image_path=image_path_db
+    )
+    db.add(entry)
+    db.commit()
+    db.refresh(entry)
+    return {"message": "Diary entry added", "id": entry.id}
+
+@router.get("/{parent_id}")
+def get_diary(parent_id: int, db: Session = Depends(get_db)):
+    return db.query(DiaryEntry).filter(DiaryEntry.parent_id == parent_id).order_by(DiaryEntry.timestamp.desc()).all()

backend/app/routers/emotion.py

@@ -0,0 +1,234 @@
+import os
+# Ensure Keras backend is torch if not already set (important for Python 3.14)
+if "KERAS_BACKEND" not in os.environ:
+    os.environ["KERAS_BACKEND"] = "torch"
+
+from fastapi import APIRouter, Depends, UploadFile, File, Form, HTTPException
+from sqlalchemy.orm import Session
+from app.database import get_db
+from app.models import EmotionLog
+import uuid
+import shutil
+from fer import FER
+import cv2
+import hashlib
+from PIL import Image
+import numpy as np
+import torch
+import torch.nn as nn
+import json
+
+router = APIRouter(prefix="/emotion", tags=["emotion"])
+detector = FER(mtcnn=False) 
+
+# --- Custom Model Support ---
+class EmotionClassifier(nn.Module):
+    def __init__(self, input_size, num_classes):
+        super(EmotionClassifier, self).__init__()
+        self.fc1 = nn.Linear(input_size, 64)
+        self.relu = nn.ReLU()
+        self.fc2 = nn.Linear(64, num_classes)
+    def forward(self, x):
+        return self.fc2(self.relu(self.fc1(x)))
+
+# Get backend root directory
+ROUTER_DIR = os.path.dirname(os.path.abspath(__file__)) 
+APP_DIR = os.path.dirname(ROUTER_DIR)                  
+BASE_DIR = os.path.dirname(APP_DIR)                    
+UPLOAD_DIR = os.path.join(BASE_DIR, "data/uploads/emotions")
+MODEL_PATH = os.path.join(APP_DIR, "models/custom_ai")
+os.makedirs(UPLOAD_DIR, exist_ok=True)
+
+def get_custom_emotion(base_emotions_dict):
+    """If a custom model exists, use it to refine the FER output."""
+    weights_path = os.path.join(MODEL_PATH, "custom_weights.pth")
+    labels_path = os.path.join(MODEL_PATH, "labels.json")
+    
+    # Get base FER's best guess
+    top_emo = max(base_emotions_dict, key=base_emotions_dict.get)
+    top_score = base_emotions_dict[top_emo]
+
+    # If standard FER is VERY confident (> 0.95), trust it.
+    if top_score > 0.95:
+        return top_emo
+
+    # 1. Fallback to standard FER logic if no custom model exists
+    if not os.path.exists(weights_path) or not os.path.exists(labels_path):
+        if top_score < 0.35:
+            return "neutral"
+        
+        if top_emo == "happy":
+            neutral_score = base_emotions_dict.get("neutral", 0)
+            if neutral_score > (top_score * 0.5):
+                return "neutral"
+
+        return top_emo
+
+    try:
+        with open(labels_path, "r") as f:
+            idx_to_emotion = json.load(f)
+        
+        num_classes = len(idx_to_emotion)
+        model = EmotionClassifier(input_size=7, num_classes=num_classes)
+        model.load_state_dict(torch.load(weights_path, weights_only=True))
+        model.eval()
+
+        # Convert FER dict to tensor features (standard 7 emotions)
+        # Sort keys to ensure consistent feature order matching training
+        features_list = [base_emotions_dict[k] for k in sorted(base_emotions_dict.keys())]
+        features = torch.tensor(features_list, dtype=torch.float32).unsqueeze(0)
+        
+        with torch.no_grad():
+            outputs = model(features)
+            probs = torch.softmax(outputs, dim=1)
+            conf, predicted = torch.max(probs, 1)
+            
+            custom_emo = idx_to_emotion[str(predicted.item())]
+            
+            # Use custom model if it has reasonable confidence (> 0.4) 
+            # or if the base FER is not very confident (< 0.6)
+            if conf.item() > 0.4 or top_score < 0.6:
+                return custom_emo
+            
+            return top_emo # Stick with base FER
+    except Exception as e:
+        print(f"DEBUG: Custom model inference error: {e}")
+        return top_emo
+
+from app.utils.storage import save_file
+import hashlib
+from PIL import Image
+import io
+
+@router.post("/upload")
+async def upload_emotion(
+    child_id: int = Form(...),
+    file: UploadFile = File(...),
+    db: Session = Depends(get_db)
+):
+    content = await file.read()
+    image_hash = hashlib.md5(content).hexdigest()
+
+    existing_entry = db.query(EmotionLog).filter(
+        EmotionLog.image_hash == image_hash, 
+        EmotionLog.corrected_emotion != None
+    ).order_by(EmotionLog.timestamp.desc()).first()
+
+    # Reset file pointer for save_file
+    file.file.seek(0)
+    # Save file using utility (returns S3 URL or local path)
+    saved_path = save_file(file, "emotions")
+
+    if existing_entry:
+        predicted_emotion = existing_entry.corrected_emotion
+    else:
+        try:
+            # For FER detection, we still need a local copy or numpy array
+            # Using io.BytesIO to avoid saving to disk twice
+            pil_img = Image.open(io.BytesIO(content)).convert("RGB")
+            img = cv2.cvtColor(np.array(pil_img), cv2.COLOR_RGB2BGR)
+            if img is None:
+                predicted_emotion = "unknown"
+            else:
+                emotions = detector.detect_emotions(img)
+                if emotions:
+                    predicted_emotion = get_custom_emotion(emotions[0]["emotions"])
+                else:
+                    predicted_emotion = "neutral"
+        except Exception as e:
+            predicted_emotion = "error"
+            print(f"DEBUG: Image processing error: {e}")
+
+    log_entry = EmotionLog(
+        child_id=child_id,
+        image_path=saved_path,
+        image_hash=image_hash,
+        predicted_emotion=predicted_emotion,
+        confirmed=False
+    )
+    db.add(log_entry)
+    db.commit()
+    db.refresh(log_entry)
+
+    return {
+        "id": log_entry.id,
+        "predicted_emotion": predicted_emotion,
+        "image_url": saved_path
+    }
+
+@router.post("/process-frame")
+async def process_frame(
+    child_id: int = Form(...),
+    frame_data: str = Form(...),
+    db: Session = Depends(get_db)
+):
+    import base64
+    try:
+        header, encoded = frame_data.split(",", 1)
+        data = base64.b64decode(encoded)
+        nparr = np.frombuffer(data, np.uint8)
+        img = cv2.imdecode(nparr, cv2.IMREAD_COLOR)
+        if img is None:
+            return {"emotion": "unknown", "error": "Failed to decode image"}
+        
+        emotions = detector.detect_emotions(img)
+        if emotions:
+            scores = emotions[0]["emotions"]
+            # Use custom model logic for real-time camera too!
+            predicted_emotion = get_custom_emotion(scores)
+        else:
+            predicted_emotion = "neutral"
+            
+        return {"emotion": predicted_emotion}
+    except Exception as e:
+        return {"emotion": "unknown", "error": str(e)}
+
+@router.post("/confirm")
+def confirm_emotion(
+    log_id: int = Form(...),
+    corrected_emotion: str = Form(None),
+    confirmed: bool = Form(...),
+    db: Session = Depends(get_db)
+):
+    log_entry = db.query(EmotionLog).filter(EmotionLog.id == log_id).first()
+    if not log_entry:
+        raise HTTPException(status_code=404, detail="Log entry not found")
+    
+    log_entry.confirmed = confirmed
+    if corrected_emotion:
+        log_entry.corrected_emotion = corrected_emotion
+        db.query(EmotionLog).filter(EmotionLog.image_hash == log_entry.image_hash).update({
+            "corrected_emotion": corrected_emotion,
+            "confirmed": True
+        })
+    
+    db.commit()
+    return {"message": "Log updated successfully"}
+
+@router.get("/unique-emotions")
+def get_unique_emotions(db: Session = Depends(get_db)):
+    standard = {"happy", "sad", "angry", "fear", "surprise", "neutral"}
+    custom = db.query(EmotionLog.corrected_emotion).filter(EmotionLog.corrected_emotion != None).distinct().all()
+    custom_set = {c[0] for c in custom if c[0]}
+    return sorted(list(standard.union(custom_set)))
+
+@router.post("/train")
+async def train_model():
+    import subprocess
+    import sys
+    # Run the train_custom_model.py script as a subprocess
+    try:
+        # Need to find the absolute path to train_custom_model.py
+        # It is in the root directory (one level up from backend)
+        root_dir = os.path.dirname(BASE_DIR)
+        train_script = os.path.join(root_dir, "train_custom_model.py")
+        
+        result = subprocess.run([sys.executable, train_script], capture_output=True, text=True)
+        if result.returncode == 0:
+            return {"message": "Success! AI brain retrained.", "output": result.stdout}
+        else:
+            # Combine stdout and stderr to catch the "FAILED:" message
+            error_msg = result.stdout + "\n" + result.stderr
+            return {"message": "Training failed", "error": error_msg.strip()}
+    except Exception as e:
+        return {"message": "Error starting training", "error": str(e)}

backend/app/utils/auth_utils.py

@@ -0,0 +1,25 @@
+from passlib.context import CryptContext
+from datetime import datetime, timedelta
+from jose import jwt
+
+SECRET_KEY = "supersecretkey" # In production, use environment variable
+ALGORITHM = "HS256"
+ACCESS_TOKEN_EXPIRE_MINUTES = 30
+
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+
+def verify_password(plain_password, hashed_password):
+    return pwd_context.verify(plain_password, hashed_password)
+
+def get_password_hash(password):
+    return pwd_context.hash(password)
+
+def create_access_token(data: dict, expires_delta: timedelta | None = None):
+    to_encode = data.copy()
+    if expires_delta:
+        expire = datetime.utcnow() + expires_delta
+    else:
+        expire = datetime.utcnow() + timedelta(minutes=15)
+    to_encode.update({"exp": expire})
+    encoded_jwt = jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
+    return encoded_jwt

backend/app/utils/storage.py

@@ -0,0 +1,76 @@
+import os
+import boto3
+from botocore.exceptions import NoCredentialsError
+from fastapi import UploadFile
+import shutil
+from pathlib import Path
+
+# S3 Configuration from Environment Variables
+S3_BUCKET = os.getenv("S3_BUCKET_NAME")
+AWS_ACCESS_KEY = os.getenv("AWS_ACCESS_KEY_ID")
+AWS_SECRET_KEY = os.getenv("AWS_SECRET_ACCESS_KEY")
+AWS_REGION = os.getenv("AWS_REGION", "us-east-1")
+
+# Initialize S3 Client
+s3_client = None
+if S3_BUCKET and AWS_ACCESS_KEY and AWS_SECRET_KEY:
+    s3_client = boto3.client(
+        "s3",
+        aws_access_key_id=AWS_ACCESS_KEY,
+        aws_secret_access_key=AWS_SECRET_KEY,
+        region_name=AWS_REGION
+    )
+
+def save_file(file: UploadFile, folder: str) -> str:
+    """
+    Saves a file to S3 if configured, otherwise saves locally.
+    Returns the public URL (for S3) or the local relative path.
+    """
+    file_name = f"{os.urandom(8).hex()}_{file.filename}"
+    
+    # --- Option A: Upload to S3 ---
+    if s3_client:
+        try:
+            s3_client.upload_fileobj(
+                file.file,
+                S3_BUCKET,
+                f"{folder}/{file_name}",
+                ExtraArgs={"ACL": "public-read"} # Make publicly accessible
+            )
+            # Return the S3 URL
+            return f"https://{S3_BUCKET}.s3.{AWS_REGION}.amazonaws.com/{folder}/{file_name}"
+        except NoCredentialsError:
+            print("AWS credentials not found. Falling back to local storage.")
+        except Exception as e:
+            print(f"S3 Upload failed: {e}. Falling back to local storage.")
+
+    # --- Option B: Local Fallback ---
+    # Determine base directory (backend root)
+    BASE_DIR = Path(__file__).resolve().parent.parent.parent
+    local_path = BASE_DIR / "data" / "uploads" / folder
+    local_path.mkdir(parents=True, exist_ok=True)
+    
+    full_path = local_path / file_name
+    with open(full_path, "wb") as buffer:
+        shutil.copyfileobj(file.file, buffer)
+    
+    # Return local relative path (as currently used in your DB)
+    return f"/uploads/{folder}/{file_name}"
+
+def delete_file(file_path: str):
+    """
+    Optional: Delete a file from S3 or local disk.
+    """
+    if s3_client and "amazonaws.com" in file_path:
+        # Extract key from URL
+        key = file_path.split(".com/")[-1]
+        try:
+            s3_client.delete_object(Bucket=S3_BUCKET, Key=key)
+        except Exception as e:
+            print(f"S3 Delete failed: {e}")
+    elif file_path.startswith("/uploads/"):
+        # Local delete
+        BASE_DIR = Path(__file__).resolve().parent.parent.parent
+        full_path = BASE_DIR / "data" / file_path.lstrip("/")
+        if os.path.exists(full_path):
+            os.remove(full_path)

backend/requirements.txt

@@ -0,0 +1,21 @@
+fastapi
+uvicorn
+sqlalchemy
+python-multipart
+jinja2
+python-jose[cryptography]
+passlib[bcrypt]
+bcrypt==4.0.1
+fer
+opencv-python
+reportlab
+python-dotenv
+aiofiles
+Pillow
+torch
+torchvision
+torchaudio
+numpy
+moviepy<2.0.0
+psycopg2-binary
+boto3

check_data.py

@@ -0,0 +1,17 @@
+import sqlite3
+import os
+
+db_path = os.path.join("neurosense", "data", "neurosense.db")
+if os.path.exists(db_path):
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    cursor.execute("SELECT name FROM sqlite_master WHERE type='table';")
+    tables = cursor.fetchall()
+    for table in tables:
+        name = table[0]
+        cursor.execute(f"SELECT count(*) FROM {name};")
+        count = cursor.fetchone()[0]
+        print(f"Table {name}: {count} rows")
+    conn.close()
+else:
+    print(f"Database file not found at: {db_path}")

check_db.py

@@ -0,0 +1,15 @@
+import sqlite3
+import os
+
+db_path = os.path.join("neurosense", "data", "neurosense.db")
+if os.path.exists(db_path):
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    cursor.execute("SELECT name FROM sqlite_master WHERE type='table';")
+    tables = cursor.fetchall()
+    print("Tables in database:")
+    for table in tables:
+        print(f"- {table[0]}")
+    conn.close()
+else:
+    print(f"Database file not found at: {db_path}")

check_ids.py

@@ -0,0 +1,23 @@
+import sqlite3
+import os
+
+db_path = os.path.join("neurosense", "data", "neurosense.db")
+if os.path.exists(db_path):
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    
+    print("--- Users ---")
+    cursor.execute("SELECT id, username FROM users")
+    users = cursor.fetchall()
+    for u in users:
+        print(f"ID: {u[0]}, Username: {u[1]}")
+        
+    print("\n--- Children ---")
+    cursor.execute("SELECT id, name, parent_id FROM children")
+    children = cursor.fetchall()
+    for c in children:
+        print(f"ID: {c[0]}, Name: {c[1]}, Parent ID: {c[2]}")
+        
+    conn.close()
+else:
+    print(f"Database file not found at: {db_path}")

check_logs.py

@@ -0,0 +1,15 @@
+import sqlite3
+import os
+
+db_path = os.path.join("backend", "data", "neurosense.db")
+if os.path.exists(db_path):
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    cursor.execute("SELECT id, predicted_emotion, corrected_emotion, image_hash FROM emotion_logs ORDER BY id DESC LIMIT 5")
+    rows = cursor.fetchall()
+    print("Recent Emotion Logs:")
+    for r in rows:
+        print(f"ID: {r[0]}, Predicted: {r[1]}, Corrected: {r[2]}, Hash: {r[3]}")
+    conn.close()
+else:
+    print("DB not found")

check_root_db.py

@@ -0,0 +1,23 @@
+import sqlite3
+import os
+
+db_path = os.path.join("data", "neurosense.db")
+if os.path.exists(db_path):
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    
+    print("--- Users ---")
+    cursor.execute("SELECT id, username FROM users")
+    users = cursor.fetchall()
+    for u in users:
+        print(f"ID: {u[0]}, Username: {u[1]}")
+        
+    print("\n--- Children ---")
+    cursor.execute("SELECT id, name, parent_id FROM children")
+    children = cursor.fetchall()
+    for c in children:
+        print(f"ID: {c[0]}, Name: {c[1]}, Parent ID: {c[2]}")
+        
+    conn.close()
+else:
+    print(f"Database file not found at: {db_path}")

frontend/static/css/style.css

@@ -0,0 +1,340 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
+
+:root {
+    --primary: #8d6e63;
+    --secondary: #d6c6a2;
+    --success: #6d8764;
+    --bg: #f4eee0;
+    --text: #4e342e;
+
+    --earth-tan: #eaddcf;
+    --earth-sand: #d6c6a2;
+    --earth-clay: #d7ccc8;
+    --earth-cream: #f5f5f5;
+}
+
+body {
+    font-family: 'Nunito', sans-serif;
+    background-color: var(--bg);
+    color: var(--text);
+    margin: 0;
+    line-height: 1.6;
+}
+
+header {
+    background: var(--secondary);
+    color: var(--text);
+    padding: 3.5rem 2rem;
+    text-align: center;
+    border-bottom: 8px solid #bdae8a;
+    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
+}
+
+header h1 {
+    font-size: 3.5rem;
+    margin: 0;
+    font-weight: 800;
+    letter-spacing: -1px;
+    text-shadow: 2px 2px 0px rgba(255,255,255,0.3);
+}
+
+header p {
+    font-size: 1.3rem;
+    opacity: 0.8;
+    font-weight: 700;
+}
+
+nav {
+    display: flex;
+    justify-content: center;
+    gap: 10px;
+    padding: 12px;
+    background: white;
+    width: fit-content;
+    margin: -25px auto 40px;
+    border-radius: 15px;
+    box-shadow: 0 10px 25px rgba(78,52,46,0.1);
+    border: 3px solid var(--secondary);
+}
+
+nav a {
+    text-decoration: none;
+    color: var(--text);
+    font-weight: 800;
+    padding: 12px 24px;
+    border-radius: 10px;
+    transition: all 0.2s;
+    text-transform: uppercase;
+    font-size: 0.9rem;
+}
+
+nav a:hover {
+    background: var(--secondary);
+}
+
+.container {
+    max-width: 1100px;
+    margin: 0 auto 5rem;
+    padding: 0 1.5rem;
+}
+
+.grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
+    gap: 2.5rem;
+}
+
+.card {
+    background: white;
+    padding: 2.5rem;
+    border-radius: 20px;
+    box-shadow: 0 10px 30px rgba(78,52,46,0.05);
+    border: 2px solid #e0d7c6;
+    transition: transform 0.3s;
+}
+
+.card:hover {
+    transform: translateY(-8px);
+}
+
+.card.theme-blue { background-color: #efebe9; }
+.card.theme-green { background-color: #f5f5f5; }
+.card.theme-purple { background-color: var(--earth-tan); }
+.card.theme-orange { background-color: var(--earth-sand); }
+.card.theme-pink { background-color: var(--earth-clay); }
+
+button {
+    background: var(--text);
+    color: white;
+    border: none;
+    padding: 16px 32px;
+    border-radius: 12px;
+    font-weight: 800;
+    cursor: pointer;
+    box-shadow: 0 6px 0 #2d1b18;
+    transition: all 0.1s;
+}
+
+button:active {
+    transform: translateY(4px);
+    box-shadow: 0 2px 0 #2d1b18;
+}
+
+button:hover {
+    filter: brightness(1.2);
+}
+
+.btn-play {
+    background: white !important;
+    color: var(--text) !important;
+    box-shadow: 0 6px 0 #d6c6a2 !important;
+    border: 2px solid #d6c6a2 !important;
+}
+
+input, select, textarea {
+    width: 100%;
+    padding: 16px;
+    margin: 10px 0;
+    border: 2px solid #d6c6a2;
+    border-radius: 12px;
+    background: white;
+    font-family: inherit;
+    font-weight: 700;
+    color: var(--text);
+}
+
+.hidden {
+    display: none !important;
+}
+
+/* Sensory Themes - Re-unified to Beige/Brown */
+body.calm-theme {
+    --primary: #a1887f;
+    --secondary: #d7ccc8;
+    --bg: #efebe9;
+    --text: #3e2723;
+}
+body.calm-theme .card, body.calm-theme .kids-card {
+    background: #fdfbf9;
+    border-color: #d7ccc8;
+}
+body.calm-theme header {
+    background: #d7ccc8;
+    border-bottom-color: #bcaaa4;
+}
+
+/* ========================= */
+/* GAME UI IMPROVEMENTS */
+/* ========================= */
+
+.control-box {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 30px;
+    flex-wrap: wrap;
+}
+
+.cute-btn {
+    padding: 12px 24px;
+    border-radius: 50px;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border: 3px solid white;
+    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+}
+
+/* All buttons now shades of brown/beige */
+.btn-pink, .btn-blue, .btn-orange, .btn-green { 
+    background: var(--primary); 
+    color: white; 
+}
+
+/* ========================= */
+/* BIG EMOJI GAME BUTTONS */
+/* ========================= */
+
+.emotion-options {
+    display:flex;
+    justify-content:center;
+    gap:40px;
+    flex-wrap:wrap;
+    margin-top:30px;
+}
+
+/* UPDATED SIZE FOR VISIBILITY */
+.game-shape {
+    font-size: 150px;
+    width: 250px;
+    height: 250px;
+    cursor: pointer;
+    transition: transform 0.2s ease, background-color 0.2s;
+    background: white;
+    border-radius: 40px;
+    border: 6px solid var(--secondary);
+    box-shadow: 0 12px 0 var(--secondary);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    line-height: 1;
+    margin: 10px;
+}
+
+.game-shape:hover {
+    transform: scale(1.05) translateY(-5px);
+    background-color: #fffdf5;
+}
+
+.game-shape:active {
+    transform: translateY(6px);
+    box-shadow: 0 4px 0 var(--secondary);
+}
+
+/* color circles */
+
+.color-swatch {
+    border-radius:50%;
+    cursor:pointer;
+    transition: transform 0.2s;
+}
+
+.color-swatch:hover {
+    transform: scale(1.15);
+}
+
+/* memory game */
+
+.memory-card .content.hidden {
+    visibility:hidden;
+}
+
+/* ========================= */
+/* KIDS THEME CARDS & PANELS */
+/* ========================= */
+
+.kids-card {
+    background: #fffdf5;
+    border: 4px solid #4e342e;
+    border-radius: 30px;
+    overflow: hidden;
+    box-shadow: 10px 10px 0px rgba(78, 52, 46, 0.1);
+    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    cursor: pointer;
+    text-align: center;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 280px;
+}
+
+.kids-card:hover {
+    transform: translateY(-8px) scale(1.02);
+    box-shadow: 12px 12px 0px rgba(78, 52, 46, 0.15);
+}
+
+.kids-card .icon {
+    font-size: 60px;
+    margin-bottom: 15px;
+    display: block;
+    filter: drop-shadow(0 5px 0 rgba(0,0,0,0.05));
+}
+
+.kids-card h3 {
+    margin: 8px 0;
+    font-size: 1.4rem;
+    color: #4e342e;
+    font-weight: 800;
+}
+
+.kids-card p {
+    font-size: 0.9rem;
+    color: #6d4c41;
+    font-weight: 700;
+    margin-bottom: 15px;
+    line-height: 1.3;
+}
+
+.btn-kids {
+    background: white !important;
+    color: #4e342e !important;
+    border: 3px solid #d6c6a2 !important;
+    box-shadow: 0 5px 0 #d6c6a2 !important;
+    padding: 10px 20px;
+    border-radius: 12px;
+    font-weight: 800;
+    text-transform: uppercase;
+    font-size: 0.8rem;
+    width: 100%;
+    transition: all 0.1s;
+}
+
+.kids-card:hover .btn-kids {
+    background: var(--secondary) !important;
+    border-color: #4e342e !important;
+    box-shadow: 0 5px 0 #4e342e !important;
+    color: #4e342e !important;
+}
+
+.grid-kids {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 30px;
+    margin-top: 20px;
+}
+
+@media (min-width: 1100px) {
+    .grid-kids {
+        grid-template-columns: repeat(3, 1fr);
+    }
+}
+
+/* Reverting all theme classes to beige/brown variations */
+.card.theme-blue, .kids-card.theme-blue { background-color: #efebe9; }
+.card.theme-green, .kids-card.theme-green { background-color: #f5f5f5; }
+.card.theme-purple, .kids-card.theme-purple { background-color: var(--earth-tan); }
+.card.theme-orange, .kids-card.theme-orange { background-color: var(--earth-sand); }
+.card.theme-pink, .kids-card.theme-pink { background-color: var(--earth-clay); }

frontend/templates/activities.html

@@ -0,0 +1,290 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Activities - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.2">
+</head>
+<body>
+    <header>
+        <h1 id="page-title">Loading Activities...</h1>
+        <p id="age-level-indicator" style="font-weight: bold; color: var(--primary); font-size: 1.4rem; margin-top: -10px;"></p>
+        <p id="level-description"></p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container" style="max-width: 1200px;">
+        <!-- The container starts empty to prevent clashing -->
+        <div id="game-selection-container" class="grid-kids">
+        </div>
+    </div>
+
+    <script src="/static/js/script.js?v=1.7"></script>
+    <script>
+        const GAME_TEMPLATES = {
+            'color-match': `
+                <div class="kids-card theme-orange" onclick="goToGame('Color Match')">
+                    <span class="icon">🎨</span>
+                    <h3>Learn Colors</h3>
+                    <p>Basic color concepts and matching!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'coloring-book': `
+                <div class="kids-card theme-pink" onclick="goToGame('Coloring Book')">
+                    <span class="icon">🖌️</span>
+                    <h3>Online Coloring</h3>
+                    <p>Creativity and motor skills!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'animal-coloring': `
+                <div class="kids-card theme-green" onclick="goToGame('Animal Coloring')">
+                    <span class="icon">🐶</span>
+                    <h3>Animal Coloring</h3>
+                    <p>Fine motor and color recognition!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'memory-game': `
+                <div class="kids-card theme-blue" onclick="goToGame('Memory Game')">
+                    <span class="icon">🧠</span>
+                    <h3>Memory Game</h3>
+                    <p>Find the pairs and the magic star!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'pattern-match': `
+                <div class="kids-card theme-blue" onclick="goToGame('Pattern Match')">
+                    <span class="icon">🧩</span>
+                    <h3>Pattern Match</h3>
+                    <p>Logical pattern challenges!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'mood-matcher': `
+                <div class="kids-card theme-purple" onclick="goToGame('Mood Matcher')">
+                    <span class="icon">🎭</span>
+                    <h3>Mood Matcher</h3>
+                    <p>Advanced emotion recognition!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'emotion-basic': `
+                <div class="kids-card theme-purple" onclick="goToGame('Learn Emotions')">
+                    <span class="icon">😊</span>
+                    <h3>Learn Emotions</h3>
+                    <p>Happy, sad, angry, and silly!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'shape-match': `
+                <div class="kids-card theme-orange" onclick="goToGame('Learn Shapes')">
+                    <span class="icon">📐</span>
+                    <h3>Learn Shapes</h3>
+                    <p>Circle, square, triangle, and star!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'alphabet-trace': `
+                <div class="kids-card theme-blue" onclick="goToGame('Alphabet Trace')">
+                    <span class="icon">📝</span>
+                    <h3>Alphabet Writing</h3>
+                    <p>Trace letters A to Z!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'number-write': `
+                <div class="kids-card theme-green" onclick="goToGame('Number Write')">
+                    <span class="icon">🔢</span>
+                    <h3>Number Writing</h3>
+                    <p>Write numbers 1 to 10!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'alphabet-memory': `
+                <div class="kids-card theme-orange" onclick="goToGame('Alphabet Memory')">
+                    <span class="icon">🔤</span>
+                    <h3>Alphabet Match</h3>
+                    <p>Match Upper and Lower case!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'word-match': `
+                <div class="kids-card theme-purple" onclick="goToGame('Word Match')">
+                    <span class="icon">🔊</span>
+                    <h3>Word Matching</h3>
+                    <p>Audio flashcard memory!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'halves-match': `
+                <div class="kids-card theme-pink" onclick="goToGame('Halves Match')">
+                    <span class="icon">🌓</span>
+                    <h3>Joining Halves</h3>
+                    <p>Complete the pictures!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'abc-sort': `
+                <div class="kids-card theme-blue" onclick="goToGame('Alphabet Sort')">
+                    <span class="icon">🔠</span>
+                    <h3>Alphabet Sort</h3>
+                    <p>Upper and lower case sorting!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'alphabet-order': `
+                <div class="kids-card theme-orange" onclick="goToGame('Alphabet Order')">
+                    <span class="icon">🔡</span>
+                    <h3>Alphabet Order</h3>
+                    <p>Put letters in A-Z order!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'missing-letter': `
+                <div class="kids-card theme-green" onclick="goToGame('Missing Letter')">
+                    <span class="icon">❓</span>
+                    <h3>Missing Letter</h3>
+                    <p>Spelling and phonics challenge!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'word-picture': `
+                <div class="kids-card theme-orange" onclick="goToGame('Word Picture Match')">
+                    <span class="icon">🖼️</span>
+                    <h3>Words & Pictures</h3>
+                    <p>Match complex words to icons!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'object-search': `
+                <div class="kids-card theme-purple" onclick="goToGame('Object Search')">
+                    <span class="icon">🔍</span>
+                    <h3>Object Search</h3>
+                    <p>Find colors and objects!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'jigsaw-puzzle': `
+                <div class="kids-card theme-pink" onclick="goToGame('Jigsaw Puzzle')">
+                    <span class="icon">🧩</span>
+                    <h3>Jigsaw Puzzle</h3>
+                    <p>Complete the picture pieces!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'spatial-puzzle': `
+                <div class="kids-card theme-pink" onclick="goToGame('Spatial Puzzle')">
+                    <span class="icon">📐</span>
+                    <h3>Spatial Reasoning</h3>
+                    <p>Match the missing pieces!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`,
+            'advanced-patterns': `
+                <div class="kids-card theme-blue" onclick="goToGame('Advanced Patterns')">
+                    <span class="icon">📈</span>
+                    <h3>Pattern Logic</h3>
+                    <p>Complex pattern completion!</p>
+                    <button class="btn-kids">Play Now</button>
+                </div>`
+        };
+
+        document.addEventListener('DOMContentLoaded', async () => {
+            console.log("Activities page loaded");
+
+            // Check if token exists (global from script.js)
+            const activeToken = localStorage.getItem('token');
+            if (!activeToken) {
+                console.log("No token found, redirecting to login");
+                window.location.href = '/login';
+                return;
+            }
+
+            // Try to sync child data, but don't block forever
+            try {
+                if (typeof syncChildAge === 'function') {
+                    await syncChildAge();
+                } else {
+                    console.warn("syncChildAge function not found");
+                }
+            } catch (e) {
+                console.error("Error syncing child age:", e);
+            }
+
+            renderLevelSpecificContent();
+        });
+
+        function renderLevelSpecificContent() {
+            console.log("Rendering activities...");
+            const ageStr = localStorage.getItem('selectedChildAge');
+            const age = (ageStr && ageStr !== 'undefined') ? parseInt(ageStr) : 0;
+            const container = document.getElementById('game-selection-container');
+            const title = document.getElementById('page-title');
+            const indicator = document.getElementById('age-level-indicator');
+            const desc = document.getElementById('level-description');
+
+            if (!container) {
+                console.error("Game selection container not found!");
+                return;
+            }
+
+            // Clear container
+            container.innerHTML = '';
+
+            // Fallback for missing level info function
+            let levelInfo = { name: "All Levels", desc: "Fun activities for everyone!", level: 1 };
+            if (typeof getLevelInfo === 'function') {
+                levelInfo = getLevelInfo(age);
+            }
+
+            title.innerText = "Your Activities";
+
+            if (age === 0) {
+                indicator.innerText = "All Activities";
+                desc.innerText = "Try any game below to start learning!";
+
+                // Show ALL games
+                Object.values(GAME_TEMPLATES).forEach(template => {
+                    container.innerHTML += template;
+                });
+                return;
+            }
+
+            indicator.innerText = levelInfo.name;
+            desc.innerText = levelInfo.desc;
+
+            // Show recommended + other games based on age
+            if (age >= 3 && age <= 6) {
+                container.innerHTML += GAME_TEMPLATES['animal-coloring'];
+                container.innerHTML += GAME_TEMPLATES['color-match'];
+                container.innerHTML += GAME_TEMPLATES['shape-match'];
+                container.innerHTML += GAME_TEMPLATES['emotion-basic'];
+                container.innerHTML += GAME_TEMPLATES['coloring-book'];
+            }
+            else if (age >= 7 && age <= 9) {
+                container.innerHTML += GAME_TEMPLATES['alphabet-trace'];
+                container.innerHTML += GAME_TEMPLATES['number-write'];
+                container.innerHTML += GAME_TEMPLATES['alphabet-memory'];
+                container.innerHTML += GAME_TEMPLATES['word-match'];
+                container.innerHTML += GAME_TEMPLATES['halves-match'];
+                container.innerHTML += GAME_TEMPLATES['pattern-match'];
+                container.innerHTML += GAME_TEMPLATES['memory-game'];
+            }
+            else {
+                container.innerHTML += GAME_TEMPLATES['abc-sort'];
+                container.innerHTML += GAME_TEMPLATES['alphabet-order'];
+                container.innerHTML += GAME_TEMPLATES['missing-letter'];
+                container.innerHTML += GAME_TEMPLATES['word-picture'];
+                container.innerHTML += GAME_TEMPLATES['object-search'];
+                container.innerHTML += GAME_TEMPLATES['jigsaw-puzzle'];
+                container.innerHTML += GAME_TEMPLATES['spatial-puzzle'];
+                container.innerHTML += GAME_TEMPLATES['advanced-patterns'];
+                container.innerHTML += GAME_TEMPLATES['mood-matcher'];
+            }
+
+            if (container.innerHTML === '') {
+                console.warn("No activities rendered for age:", age);
+                container.innerHTML = "<h3>No specific activities found for this age. Try the games above!</h3>";
+                Object.values(GAME_TEMPLATES).forEach(template => {
+                    container.innerHTML += template;
+                });
+            }
+        }
+        function goToGame(name) {
+            window.location.href = `/game/${encodeURIComponent(name)}`;
+        }
+    </script>
+</body>
+</html>

frontend/templates/children.html

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Manage Child - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+    <style>
+        .child-card {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 1.5rem;
+            margin-bottom: 1rem;
+        }
+        .child-info h3 { margin: 0; color: var(--primary); }
+        .child-actions { display: flex; gap: 10px; }
+        .btn-delete {
+            background: #e74c3c;
+            box-shadow: 0 4px 0 #c0392b;
+        }
+        .btn-select {
+            background: #2ecc71;
+            box-shadow: 0 4px 0 #27ae60;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Manage Children</h1>
+        <p>Add, select, or remove child profiles</p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container">
+        <div class="grid">
+            <div class="card theme-orange">
+                <h3>➕ Add New Child</h3>
+                <input type="text" id="child-name" placeholder="Child's Name" style="background: white;">
+                <input type="number" id="child-age" placeholder="Child's Age" style="background: white;">
+                
+                <div style="margin-top: 15px; text-align: left;">
+                    <label style="font-weight: bold; font-size: 0.9rem;">Autism Traits/History in Family?</label>
+                    <select id="child-autism-inheritance" style="background: white; margin-top: 5px;">
+                        <option value="none">No known history</option>
+                        <option value="immediate">Immediate family (parents/siblings)</option>
+                        <option value="extended">Extended family (cousins/grandparents)</option>
+                        <option value="suspected">Suspected traits (not diagnosed)</option>
+                    </select>
+                </div>
+
+                <div style="margin-top: 15px; text-align: left;">
+                    <label style="font-weight: bold; font-size: 0.9rem;">Sensory Sensitivity Level?</label>
+                    <select id="child-sensory-level" style="background: white; margin-top: 5px;">
+                        <option value="low">Low (Needs more stimulation)</option>
+                        <option value="standard" selected>Standard (Balanced)</option>
+                        <option value="high">High (Needs calm environment)</option>
+                    </select>
+                </div>
+
+                <button onclick="addChild()" style="width:100%; margin-top: 20px;">Add Profile</button>
+            </div>
+
+            <div class="card theme-blue">
+                <h3>👶 Your Children</h3>
+                <div id="child-list">
+                    <!-- Loaded via JS -->
+                    <p>Loading children...</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="/static/js/script.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!token) window.location.href = '/login';
+            else loadChildren();
+        });
+    </script>
+</body>
+</html>

frontend/templates/dashboard.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+</head>
+<body>
+    <header>
+        <h1>Dashboard</h1>
+        <p>Track progress and celebrate achievements! 🏆</p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container">
+        <div class="card theme-orange" style="margin-bottom: 40px;">
+            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
+                <div style="flex: 1; min-width: 300px;">
+                    <h2 style="margin-bottom: 10px;">👋 Welcome Back!</h2>
+                    <p style="font-weight: 700;">Select a child to view their amazing progress.</p>
+                    <div style="display: flex; gap: 10px; margin-top: 15px;">
+                        <select id="dashboard-child-select" onchange="loadProgress()" style="max-width: 250px; margin: 0; background: white;">
+                            <option value="">Choose a Profile</option>
+                        </select>
+                        <button onclick="generateReport()" class="btn-play" style="width: auto; margin: 0;">PDF Report</button>
+                    </div>
+                </div>
+                <div>
+                    <a href="/children" class="button" style="text-decoration: none; background: white; color: var(--primary); padding: 14px 28px; border-radius: 20px; font-weight: 800; box-shadow: 0 6px 0 #ddd;">Manage Profiles</a>
+                </div>
+            </div>
+            <div id="report-link" style="margin-top: 15px;"></div>
+        </div>
+
+        <!-- New: Learning Level Display -->
+        <div id="dashboard-level-display"></div>
+
+        <div class="grid">
+            <div class="card" style="background: white;">
+                <h3>📊 Activity Performance</h3>
+                <p style="font-size: 0.9rem; color: #888; margin-bottom: 15px;">Scores across different learning games</p>
+                <canvas id="activitiesChart"></canvas>
+            </div>
+            <div class="card" style="background: white;">
+                <h3>🌈 Emotion Distribution</h3>
+                <p style="font-size: 0.9rem; color: #888; margin-bottom: 15px;">Emotions detected during learning sessions</p>
+                <canvas id="emotionChart"></canvas>
+            </div>
+        </div>
+
+        <div class="card" style="margin-top: 40px;">
+            <h3>✨ Recent Achievements</h3>
+            <div id="progress-highlights" style="margin-top: 20px;">
+                <p style="color: #999; font-style: italic;">Select a child to see highlights...</p>
+            </div>
+        </div>
+    </div>
+    <script src="/static/js/script.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!token) window.location.href = '/login';
+            loadChildrenForDashboard();
+        });
+    </script>
+</body>
+</html>

frontend/templates/diary.html

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Memory Diary - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+</head>
+<body>
+    <header><h1>Memory Diary</h1></header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container" style="max-width: 800px;">
+        <div class="kids-card theme-pink" style="cursor: default; text-align: left; align-items: flex-start;">
+            <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 20px;">
+                <span class="icon" style="font-size: 50px; margin: 0;">📖</span>
+                <h2 style="margin: 0; font-size: 2rem;">New Memory</h2>
+            </div>
+            <p style="text-align: left; margin-bottom: 20px;">Write down a happy memory or something fun you did today!</p>
+            <input type="text" id="diary-title" placeholder="Memory Title (e.g., Fun at the Park!)" style="margin-bottom: 15px;">
+            <textarea id="diary-message" placeholder="What happened today? Tell your story..." style="min-height: 120px; margin-bottom: 15px;"></textarea>
+            <div style="width: 100%; margin-bottom: 20px;">
+                <label style="font-weight: 800; display: block; margin-bottom: 5px; color: #4e342e;">Add a Photo (optional):</label>
+                <input type="file" id="diary-upload" accept="image/*" style="padding: 10px; border-style: dashed;">
+            </div>
+            <button onclick="saveDiary()" class="btn-kids">✨ Save to My Timeline ✨</button>
+        </div>
+        <div style="margin: 50px 0 30px; text-align: center;">
+            <h2 style="font-size: 2.5rem; color: #4e342e; text-shadow: 2px 2px 0 white;">🌈 My Timeline</h2>
+            <div style="width: 100px; height: 6px; background: var(--secondary); margin: 10px auto; border-radius: 3px;"></div>
+        </div>
+        <div id="diary-timeline"></div>
+    </div>
+    <script src="/static/js/script.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!token) window.location.href = '/login';
+            loadDiary();
+        });
+    </script>
+</body>
+</html>

frontend/templates/emotion.html

@@ -0,0 +1,257 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Emotion Learning - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+    <style>
+        .learning-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 30px;
+            align-items: start;
+        }
+        
+        .feature-panel {
+            background: #fffdf5;
+            border: 4px solid #4e342e;
+            border-radius: 30px;
+            overflow: hidden;
+            box-shadow: 10px 10px 0px rgba(78, 52, 46, 0.1);
+            transition: transform 0.2s;
+        }
+
+        .panel-header {
+            background: var(--secondary);
+            padding: 20px;
+            border-bottom: 4px solid #4e342e;
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .panel-header h2 {
+            margin: 0;
+            font-size: 1.8rem;
+            color: #4e342e;
+        }
+
+        .panel-content {
+            padding: 25px;
+        }
+
+        .instruction-tag {
+            display: inline-block;
+            background: #fdfae6;
+            color: #8d6e63;
+            padding: 5px 15px;
+            border-radius: 10px;
+            font-weight: 800;
+            font-size: 0.8rem;
+            margin-bottom: 15px;
+            border: 2px solid #eaddcf;
+        }
+
+        .camera-container-v2 {
+            background: #fdfaf0;
+            border-radius: 20px;
+            overflow: hidden;
+            position: relative;
+            border: 4px solid #d6c6a2;
+            min-height: 300px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .camera-overlay {
+            font-family: 'Nunito', sans-serif;
+            font-weight: 900;
+            padding: 10px 25px;
+            border: 3px solid #d6c6a2 !important;
+            border-radius: 40px;
+            background: white;
+            color: #4e342e;
+            font-size: 1.2rem;
+            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
+        }
+
+        .camera-controls-v3 {
+            display: flex;
+            gap: 12px;
+            justify-content: center;
+            flex-wrap: wrap;
+            margin-top: 25px;
+        }
+
+        .btn-light-action {
+            background: white !important;
+            color: #4e342e !important;
+            border: 3px solid #d6c6a2 !important;
+            box-shadow: 0 5px 0 #d6c6a2 !important;
+            min-width: 130px;
+            padding: 12px 20px;
+            font-size: 0.9rem;
+        }
+
+        .btn-light-action:hover {
+            background: #fdfaf0 !important;
+        }
+
+        .btn-light-action:active {
+            transform: translateY(3px);
+            box-shadow: 0 2px 0 #d6c6a2 !important;
+        }
+
+        .upload-zone {
+            border: 3px dashed #d6c6a2;
+            padding: 30px;
+            text-align: center;
+            border-radius: 20px;
+            background: #fffcf5;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+
+        .upload-zone:hover {
+            background: #fdf8eb;
+            border-color: #8d6e63;
+        }
+
+        .training-section {
+            grid-column: span 2;
+            margin-top: 20px;
+        }
+
+        @media (max-width: 950px) {
+            .learning-grid { grid-template-columns: 1fr; }
+            .training-section { grid-column: span 1; }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Emotion Learning</h1>
+        <p>Explore and recognize emotions with AI assistance! 🌟</p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container" style="max-width: 1200px;">
+        <div class="learning-grid">
+            
+            <!-- Left Panel: Live Scan -->
+            <div class="feature-panel">
+                <div class="panel-header">
+                    <span style="font-size: 2.5rem;">📸</span>
+                    <h2>Live Detection</h2>
+                </div>
+                <div class="panel-content">
+                    <span class="instruction-tag">STEP 1: SEE EMOTIONS LIVE</span>
+                    <p style="font-size: 0.95rem; margin-bottom: 20px; font-weight: 600;">Look into the lens! The AI will identify your emotions in real-time.</p>
+                    
+                    <div class="camera-container-v2">
+                        <video id="webcam" autoplay playsinline style="width: 100%; display: block;"></video>
+                        <div id="live-overlay" class="camera-overlay" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80%; text-align: center;">Ready...</div>
+                    </div>
+
+                    <div class="camera-controls-v3">
+                        <button onclick="startCamera()" class="btn-light-action">Activate Lens</button>
+                        <button onclick="capturePhoto()" class="btn-play" style="width: auto; margin: 0; min-width: 130px;">Snapshot</button>
+                        <button onclick="stopCamera()" class="btn-light-action">Turn Off</button>
+                    </div>
+                    <p id="live-result" style="text-align: center; font-weight: 800; margin-top: 15px; color: var(--text);"></p>
+                </div>
+            </div>
+
+            <!-- Right Panel: Photo Analysis -->
+            <div class="feature-panel">
+                <div class="panel-header">
+                    <span style="font-size: 2.5rem;">📂</span>
+                    <h2>Photo Library</h2>
+                </div>
+                <div class="panel-content">
+                    <span class="instruction-tag">STEP 2: ANALYZE SAVED PHOTOS</span>
+                    <p style="font-size: 0.95rem; margin-bottom: 20px; font-weight: 600;">Choose a file from your device to perform a deep emotion scan.</p>
+
+                    <div class="upload-zone" onclick="document.getElementById('emotion-upload').click()">
+                        <div style="font-size: 3rem; margin-bottom: 10px;">☁️</div>
+                        <p style="margin: 0; font-weight: 800;">Click to Upload Image</p>
+                        <input type="file" id="emotion-upload" accept="image/*" style="display: none;" onchange="handleFileSelected(this)">
+                        <p id="file-name-display" style="font-size: 0.8rem; color: var(--primary); margin-top: 10px;"></p>
+                    </div>
+                    <button onclick="uploadEmotion()" style="width: 100%; margin-top: 15px;" class="btn-play">Run Analysis</button>
+
+                    <div id="emotion-result" class="ai-feedback-card hidden" style="margin-top: 25px; border: 3px solid var(--secondary); background: #fffcf5;">
+                        <h3 style="margin-bottom: 15px; font-size: 1.4rem;">Scan Result: <span id="predicted-emotion" style="color: var(--primary);"></span></h3>
+                        <img id="result-img" style="max-width: 100%; border-radius: 15px; border: 4px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1);">
+                        
+                        <div style="margin-top: 10px; padding-top: 15px; border-top: 2px dashed #d6c6a2; position: relative; top: -10px;">
+                            <p style="font-weight: 800; margin-bottom: 10px;">Verify Result:</p>
+                        <div style="display: flex; gap: 15px; justify-content: center; align-items: center; width: 100%;">
+                            <button onclick="confirmEmotion(true)" class="btn-select" style="flex: 1; min-width: 120px; padding: 12px 10px; font-size: 0.9rem; margin: 0;">Correct ✅</button>
+                            <button onclick="confirmEmotion(false)" class="btn-delete" style="flex: 1; min-width: 120px; padding: 12px 10px; font-size: 0.9rem; margin: 0;">Wrong ❌</button>
+                        </div>
+
+                            <div id="correction-area" class="hidden" style="margin-top: 20px; text-align: left;">
+                                <label style="font-weight: 800; font-size: 0.9rem;">Select Correct Emotion:</label>
+                                <select id="corrected-emotion" onchange="toggleCustomEmotion()" style="margin-top: 5px; border-width: 3px;">
+                                    <option value="happy">Happy</option>
+                                    <option value="sad">Sad</option>
+                                    <option value="angry">Angry</option>
+                                    <option value="fear">Fear</option>
+                                    <option value="surprise">Surprise</option>
+                                    <option value="neutral">Neutral</option>
+                                    <option value="other">Other (Type new...)</option>
+                                </select>
+                                <input type="text" id="custom-emotion-name" class="hidden" placeholder="Enter emotion name">
+                                <button onclick="saveCorrection()" class="btn-play" style="margin-top: 10px; width: 100%;">Update AI Knowledge</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Bottom Section: Training Hub -->
+            <div class="training-section kids-card theme-orange">
+                <div style="display: flex; align-items: center; gap: 15px; justify-content: center;">
+                    <span class="icon">🧠</span>
+                    <h2 style="margin: 0; font-size: 2.2rem;">AI Brain Center</h2>
+                </div>
+                <p style="text-align: center; max-width: 700px; margin: 20px auto; font-weight: 700; font-size: 1.1rem; color: #4e342e;">
+                    Finalize your session! Click below to permanently integrate your corrections into the AI's memory.
+                </p>
+                <div style="text-align: center; margin-bottom: 10px; width: 100%;">
+                    <button onclick="trainAI()" class="btn-kids" style="width: auto; padding: 25px 60px; font-size: 1.4rem; background: #fff !important;">✨ SYNC AI BRAIN ✨</button>
+                    <p id="train-status" style="font-size: 1rem; margin-top: 20px; color: #4e342e; font-weight: 800;"></p>
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+    <script src="/static/js/script.js?v=1.8"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!token) window.location.href = '/login';
+            loadCustomEmotions();
+        });
+
+        function handleFileSelected(input) {
+            const display = document.getElementById('file-name-display');
+            if (input.files && input.files[0]) {
+                display.innerText = "Selected: " + input.files[0].name;
+            }
+        }
+    </script>
+</body>
+</html>

frontend/templates/game.html

@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ game_name }} - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.2">
+    <style>
+        .memory-card {
+            aspect-ratio: 1/1;
+            min-width: 100px;
+            min-height: 100px;
+            border-radius: 25px !important;
+            box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
+            font-size: 50px !important;
+        }
+        
+        #game-area {
+            border-top: 15px solid var(--primary);
+            text-align: center;
+        }
+        
+        #current-game-title {
+            font-size: 2.5rem;
+            margin-bottom: 30px;
+            text-shadow: 2px 2px 0px rgba(0,0,0,0.05);
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1 class="bounce">{{ game_name }}</h1>
+        <p>You're doing great! Keep going! 🌟</p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+
+    <div class="container">
+        <div id="game-area" class="card">
+            <h2 id="current-game-title">{{ game_name }}</h2>
+            <div id="game-container" style="min-height: 450px; padding: 20px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;">
+                <div id="loading-fallback" style="text-align:center;">
+                    <p>Loading your fun game...</p>
+                    <button onclick="forceStart()" class="btn-blue" style="margin-top:10px;">Click here if it stays blank</button>
+                </div>
+            </div>
+            <div id="game-controls" class="hidden" style="margin-top: 30px;">
+                <div style="background: var(--bg); padding: 15px 30px; border-radius: 40px; display: inline-block; margin-bottom: 20px; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.05);">
+                    <span style="font-size: 1.5rem; font-weight: 800;">Score: <span id="game-score" style="color: var(--primary);">0</span></span>
+                </div>
+                <br>
+                <button onclick="restartGame()" class="btn-blue">Restart</button>
+                <button onclick="finishGame()" class="btn-green">Finish & Save</button>
+            </div>
+            <div style="text-align: center; margin-top: 30px;">
+                <button onclick="closeGame()" class="cute-btn btn-pink" id="close-game-btn" style="display:inline-flex; margin: 0 auto; cursor:pointer;"><span>🔙</span> Back to Activities</button>
+            </div>
+        </div>
+    </div>
+    <script src="/static/js/script.js?v=1.7"></script>
+    <script>
+        const RAW_GAME_NAME = "{{ game_name }}";
+        
+        document.addEventListener('DOMContentLoaded', () => {
+            if (!token) {
+                window.location.href = '/login';
+                return;
+            }
+            if (!selectedChildId) {
+                alert("Please select a child profile first!");
+                window.location.href = '/children';
+                return;
+            }
+            
+            forceStart();
+        });
+
+        function forceStart() {
+            const decoded = decodeURIComponent(RAW_GAME_NAME);
+            console.log("Forcing start for:", decoded);
+            if (typeof startGame === 'function') {
+                startGame(decoded);
+            } else {
+                console.error("startGame function not found!");
+            }
+        }
+
+        window.closeGame = function() {
+            window.location.href = '/activities';
+        };
+
+        // Standardized checkShape for the new UI
+        window.checkShape = function(selected, target) {
+            const feedback = document.getElementById('feedback');
+            if (selected === target) {
+                if (feedback) {
+                    feedback.innerText = "Fantastic! 🌟";
+                    feedback.style.color = "var(--success)";
+                }
+                gameScore += 10;
+                document.getElementById('game-score').innerText = gameScore;
+                setTimeout(() => {
+                    const container = document.getElementById('game-container');
+                    if (container) startShapeMatch(container);
+                }, 1000);
+            } else {
+                if (feedback) {
+                    feedback.innerText = "Not that one. Try again! 🤔";
+                    feedback.style.color = "var(--danger)";
+                }
+            }
+        };
+    </script>
+</body>
+</html>

frontend/templates/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>NeuroSense - AI Assisted Learning</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+</head>
+<body>
+    <header>
+        <h1>NeuroSense</h1>
+        <p>AI Assisted Learning Platform for Children with Autism</p>
+    </header>
+    <nav>
+        <a href="/">Home</a>
+        <a href="/login" id="nav-login">Login/Register</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/dashboard">Dashboard</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Switch Child</a>
+        <a href="#" onclick="logout()" id="nav-logout" class="hidden">Logout</a>
+    </nav>
+    <div class="container">
+        <div class="card">
+            <h2>Welcome to NeuroSense</h2>
+            <p>Our platform helps children with ASD improve their emotional and cognitive skills through interactive games and AI-powered learning.</p>
+            <div class="grid">
+                <div class="card">
+                    <h3>😊 Emotion Learning</h3>
+                    <p>Learn to recognize and express emotions using AI.</p>
+                </div>
+                <div class="card">
+                    <h3>🎮 Fun Activities</h3>
+                    <p>Color matching, memory games, and more.</p>
+                </div>
+                <div class="card">
+                    <h3>📊 Parent Dashboard</h3>
+                    <p>Track progress and download reports.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="/static/js/script.js"></script>
+</body>
+</html>

frontend/templates/login.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+</head>
+<body>
+    <header>
+        <h1>NeuroSense</h1>
+        <p>Your child's learning journey starts here! ✨</p>
+    </header>
+
+    <div class="container" style="max-width: 500px;">
+        <div id="login-section" class="card">
+            <h2 style="text-align: center; margin-bottom: 30px;">Welcome Back! 👋</h2>
+            <input type="text" id="login-username" placeholder="Username">
+            <input type="password" id="login-password" placeholder="Password">
+            <button onclick="login()" style="width: 100%; margin-top: 20px;">Login to Dashboard</button>
+            <p style="text-align: center; margin-top: 20px; font-weight: 600;">
+                New here? <a href="#" onclick="toggleAuth(true)" style="color: var(--primary);">Create an account</a>
+            </p>
+        </div>
+
+        <div id="register-section" class="card hidden">
+            <h2 style="text-align: center; margin-bottom: 30px;">Create Account 🚀</h2>
+            <input type="text" id="reg-username" placeholder="Choose Username">
+            <input type="password" id="reg-password" placeholder="Choose Password">
+            <button onclick="register()" style="width: 100%; margin-top: 20px;">Join NeuroSense</button>
+            <p style="text-align: center; margin-top: 20px; font-weight: 600;">
+                Already have an account? <a href="#" onclick="toggleAuth(false)" style="color: var(--primary);">Login here</a>
+            </p>
+        </div>
+    </div>
+
+    <script src="/static/js/script.js"></script>
+</body>
+</html>

frontend/templates/quiz.html

@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Quiz - NeuroSense</title>
+    <link rel="stylesheet" href="/static/css/style.css?v=1.1">
+    <style>
+        .quiz-option {
+            font-size: 1.2rem;
+            padding: 20px;
+            cursor: pointer;
+            transition: all 0.2s;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 10px;
+        }
+        .quiz-option:hover {
+            transform: scale(1.05);
+            background: #f8f9fa;
+        }
+        .quiz-option span {
+            font-size: 50px;
+        }
+        .progress-bar {
+            width: 100%;
+            height: 10px;
+            background: #eee;
+            border-radius: 5px;
+            margin-bottom: 20px;
+            overflow: hidden;
+        }
+        #progress-fill {
+            height: 100%;
+            background: var(--success);
+            width: 0%;
+            transition: width 0.3s;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <h1>Quiz Time!</h1>
+        <p id="age-level-indicator" style="font-weight: bold; color: var(--primary); text-align: center; margin-top: -10px; font-size: 1.2rem;"></p>
+    </header>
+    <nav>
+        <a href="/">Dashboard</a>
+        <a href="/emotion-learning">Emotion Learning</a>
+        <a href="/activities">Activities</a>
+        <a href="/quiz">Quiz</a>
+        <a href="/diary">Memory Diary</a>
+        <a href="/children">Child</a>
+        <a href="/login" id="nav-login">Login</a>
+        <a href="#" id="nav-logout" class="hidden" onclick="logout()">Logout</a>
+    </nav>
+    <div class="container" style="max-width: 1200px;">
+        <div id="quiz-selection" class="grid-kids">
+            <!-- Level 1 Quizzes (Visible to all) -->
+            <div class="kids-card theme-green age-level-1 age-level-2 age-level-3" onclick="startNewQuiz('Daily Routine')">
+                <span class="icon">☀️</span>
+                <h3>Daily Routine</h3>
+                <p>What comes next in our daily schedule?</p>
+                <button class="btn-kids">Start Quiz</button>
+            </div>
+
+            <!-- Level 2 Quizzes (Visible to Level 2 & 3) -->
+            <div class="kids-card theme-blue age-level-2 age-level-3" onclick="startNewQuiz('Social Skills')">
+                <span class="icon">🤝</span>
+                <h3>Social Skills</h3>
+                <p>What should we do in different social situations?</p>
+                <button class="btn-kids">Start Quiz</button>
+            </div>
+
+            <div class="kids-card theme-orange age-level-2 age-level-3" onclick="startNewQuiz('Safety & Help')">
+                <span class="icon">🆘</span>
+                <h3>Safety & Help</h3>
+                <p>Learn who to ask for help and stay safe.</p>
+                <button class="btn-kids">Start Quiz</button>
+            </div>
+
+            <!-- Level 3 Quizzes (Visible to Level 3) -->
+            <div class="kids-card theme-purple age-level-3" onclick="startNewQuiz('Advanced Social Skills')">
+                <span class="icon">🧠</span>
+                <h3>Advanced Logic</h3>
+                <p>Understand complex emotions and social cues.</p>
+                <button class="btn-kids">Start Quiz</button>
+            </div>
+        </div>
+
+        <div id="quiz-area" class="card hidden">
+            <div style="display: flex; justify-content: space-between; align-items: center;">
+                <h2 id="current-quiz-name"></h2>
+                <span id="question-counter" style="font-weight: bold; color: var(--primary);"></span>
+            </div>
+            
+            <div class="progress-bar"><div id="progress-fill"></div></div>
+
+            <div id="quiz-content">
+                <p id="quiz-question-text" style="font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 500;"></p>
+                <div id="quiz-options-grid" class="grid" style="grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));">
+                    <!-- Options injected via JS -->
+                </div>
+            </div>
+
+            <div id="quiz-results" class="hidden" style="text-align: center; padding: 20px;">
+                <h2 style="font-size: 40px;">Great Job! 🎉</h2>
+                <p id="final-score-text" style="font-size: 24px; margin: 20px 0;"></p>
+                <button onclick="location.reload()" class="btn-blue">Back to Quizzes</button>
+            </div>
+        </div>
+    </div>
+    <script src="/static/js/script.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', async () => {
+            if (!token) window.location.href = '/login';
+            await syncChildAge();
+            filterQuizzesByAge();
+        });
+
+        function filterQuizzesByAge() {
+            const ageStr = localStorage.getItem('selectedChildAge');
+            const age = ageStr ? parseInt(ageStr) : 0;
+            const indicator = document.getElementById('age-level-indicator');
+            
+            const levelInfo = getLevelInfo(age);
+            if (indicator) indicator.innerText = levelInfo.name;
+
+            document.querySelectorAll('.kids-card').forEach(card => {
+                if (card.classList.contains(`age-level-${levelInfo.level}`)) {
+                    card.style.display = 'flex';
+                } else {
+                    card.style.display = 'none';
+                }
+            });
+        }
+    </script>
+</body>
+</html>

link_child.py

@@ -0,0 +1,48 @@
+import os
+import sys
+
+# Add backend to sys.path
+base_dir = os.path.dirname(os.path.abspath(__file__))
+backend_dir = os.path.join(base_dir, "backend")
+sys.path.insert(0, backend_dir)
+
+from app.database import SessionLocal
+from app.models import User, Child, DiaryEntry
+
+def link_to_nehal():
+    db = SessionLocal()
+    try:
+        # Find nehal user
+        nehal = db.query(User).filter(User.username == "nehal").first()
+        if not nehal:
+            print("User 'nehal' not found. Please register it in the app first!")
+            return
+
+        # Find Alex child
+        alex = db.query(Child).filter(Child.name == "Alex").first()
+        if not alex:
+            print("Child 'Alex' not found. Seeding new data for nehal...")
+            from seed_db import seed
+            seed() # This will ensure Alex exists
+            alex = db.query(Child).filter(Child.name == "Alex").first()
+
+        # Update Alex's parent_id to nehal's ID
+        alex.parent_id = nehal.id
+        
+        # Also update diary entries
+        diary_entries = db.query(DiaryEntry).all()
+        for entry in diary_entries:
+            entry.parent_id = nehal.id
+
+        db.commit()
+        print(f"Success! Alex (and diary entries) are now linked to user '{nehal.username}' (ID: {nehal.id}).")
+        print("You can now login as 'nehal' and you will see Alex.")
+
+    except Exception as e:
+        print(f"Error: {e}")
+        db.rollback()
+    finally:
+        db.close()
+
+if __name__ == "__main__":
+    link_to_nehal()

run.py

@@ -0,0 +1,34 @@
+import uvicorn
+import os
+import sys
+
+# Set Keras backend to torch for Python 3.14 compatibility
+os.environ["KERAS_BACKEND"] = "torch"
+
+if __name__ == "__main__":
+    # Get absolute path to the backend directory
+    base_dir = os.path.dirname(os.path.abspath(__file__))
+    backend_dir = os.path.join(base_dir, "backend")
+    
+    # Add backend_dir to sys.path so 'app' can be found
+    sys.path.insert(0, backend_dir)
+    
+    # Move into the backend directory so relative paths for DB/Uploads work correctly
+    os.chdir(backend_dir)
+    
+    # Ensure data directories exist inside backend/data
+    dirs = [
+        "data/uploads/emotions",
+        "data/uploads/diary",
+        "data/reports"
+    ]
+    
+    for d in dirs:
+        os.makedirs(d, exist_ok=True)
+        
+    print(f"Starting NeuroSense Backend from: {backend_dir}")
+    print("Frontend is being served from: ../frontend")
+    print("Open http://127.0.0.1:8000 in your browser.")
+    
+    # Run the app
+    uvicorn.run("app.main:app", host="127.0.0.1", port=8000, reload=True)

seed_db.py

@@ -0,0 +1,114 @@
+import os
+import sys
+from datetime import datetime, timedelta
+from passlib.context import CryptContext
+
+# Add backend to sys.path
+base_dir = os.path.dirname(os.path.abspath(__file__))
+backend_dir = os.path.join(base_dir, "backend")
+sys.path.insert(0, backend_dir)
+
+from app.database import SessionLocal, engine, Base
+from app.models import User, Child, EmotionLog, DiaryEntry, ActivityLog, QuizResult
+
+# Password hashing
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+
+def seed():
+    db = SessionLocal()
+    try:
+        # Create tables if they don't exist
+        Base.metadata.create_all(bind=engine)
+
+        # 1. Create User
+        user = db.query(User).filter(User.username == "parent1").first()
+        if not user:
+            user = User(
+                username="parent1",
+                hashed_password=pwd_context.hash("password123")
+            )
+            db.add(user)
+            db.commit()
+            db.refresh(user)
+            print("User 'parent1' created.")
+        else:
+            print("User 'parent1' already exists.")
+
+        # 2. Create Child
+        child = db.query(Child).filter(Child.parent_id == user.id).first()
+        if not child:
+            child = Child(
+                name="Alex",
+                age=6,
+                parent_id=user.id
+            )
+            db.add(child)
+            db.commit()
+            db.refresh(child)
+            print("Child 'Alex' created.")
+        else:
+            print("Child 'Alex' already exists.")
+
+        # 3. Add Emotion Logs (Past 3 days)
+        if db.query(EmotionLog).count() == 0:
+            emotions = ["happy", "sad", "angry", "surprise", "neutral", "happy", "fear"]
+            for i, emotion in enumerate(emotions):
+                log = EmotionLog(
+                    child_id=child.id,
+                    predicted_emotion=emotion,
+                    image_path=f"uploads/emotions/sample_{i}.jpg",
+                    timestamp=datetime.utcnow() - timedelta(days=i/2),
+                    confirmed=True if i % 2 == 0 else False
+                )
+                db.add(log)
+            print(f"Added {len(emotions)} emotion logs.")
+
+        # 4. Add Diary Entries
+        if db.query(DiaryEntry).count() == 0:
+            entries = [
+                {"title": "Great Progress!", "message": "Alex was very happy during the emotion matching game today."},
+                {"title": "Rough Morning", "message": "Had a bit of trouble focusing this morning, but improved by noon."}
+            ]
+            for entry_data in entries:
+                entry = DiaryEntry(
+                    parent_id=user.id,
+                    child_name="Alex",
+                    title=entry_data["title"],
+                    message=entry_data["message"],
+                    timestamp=datetime.utcnow() - timedelta(days=1)
+                )
+                db.add(entry)
+            print(f"Added {len(entries)} diary entries.")
+            
+        # 5. Add Activity Logs
+        if db.query(ActivityLog).count() == 0:
+            activities = [
+                {"name": "Emotion Match", "score": 90, "duration": 120},
+                {"name": "Color Learn", "score": 100, "duration": 80}
+            ]
+            for act in activities:
+                log = ActivityLog(
+                    child_id=child.id,
+                    activity_name=act["name"],
+                    score=act["score"],
+                    duration_seconds=act["duration"]
+                )
+                db.add(log)
+            print(f"Added {len(activities)} activity logs.")
+
+        db.commit()
+        print("\nDatabase seeded successfully!")
+        print("-" * 30)
+        print("Login Credentials:")
+        print("Username: parent1")
+        print("Password: password123")
+        print("-" * 30)
+
+    except Exception as e:
+        print(f"Error seeding database: {e}")
+        db.rollback()
+    finally:
+        db.close()
+
+if __name__ == "__main__":
+    seed()

test_cloud_db.py

@@ -0,0 +1,33 @@
+import sys
+import os
+from dotenv import load_dotenv
+
+# Load .env first
+load_dotenv(os.path.join(os.getcwd(), "backend", ".env"))
+
+# Add the backend directory to the Python path
+sys.path.append(os.path.join(os.getcwd(), "backend"))
+
+from app.database import engine, Base
+from sqlalchemy import text
+
+def test_connection():
+    print("Testing connection to Neon Cloud PostgreSQL...")
+    try:
+        # Try to connect
+        with engine.connect() as connection:
+            result = connection.execute(text("SELECT version();"))
+            version = result.fetchone()
+            print(f"✅ Success! Connected to: {version[0]}")
+            
+        # Try to create tables
+        print("Creating tables in cloud database...")
+        from app.models import User, Child, EmotionLog, ActivityLog, QuizResult, DiaryEntry
+        Base.metadata.create_all(bind=engine)
+        print("✅ Success! All tables created.")
+        
+    except Exception as e:
+        print(f"❌ Connection failed: {e}")
+
+if __name__ == "__main__":
+    test_connection()

test_fer.py

@@ -0,0 +1,8 @@
+import os
+os.environ["KERAS_BACKEND"] = "torch"
+try:
+    from fer import FER
+    detector = FER()
+    print("FER imported and detector created with torch backend.")
+except Exception as e:
+    print(f"Error: {e}")

test_fer_simple.py

@@ -0,0 +1,23 @@
+import os
+os.environ["KERAS_BACKEND"] = "torch"
+from fer import FER
+import cv2
+import numpy as np
+
+def test_fer():
+    try:
+        detector = FER(mtcnn=False)
+        # Create a blank image
+        img = np.zeros((100, 100, 3), dtype=np.uint8)
+        # Add a white circle (to represent a face-ish thing, though FER might not find a face)
+        cv2.circle(img, (50, 50), 30, (255, 255, 255), -1)
+        
+        print("Testing FER detector...")
+        emotions = detector.detect_emotions(img)
+        print(f"Result: {emotions}")
+        print("FER is working (even if no face found in blank image)")
+    except Exception as e:
+        print(f"FER error: {e}")
+
+if __name__ == "__main__":
+    test_fer()

train_custom_model.py

@@ -0,0 +1,126 @@
+import os
+import sys
+
+# Set Keras backend to torch for Python 3.14 compatibility
+os.environ["KERAS_BACKEND"] = "torch"
+
+import torch
+import torch.nn as nn
+import torch.optim as optim
+from torch.utils.data import Dataset, DataLoader
+import cv2
+import numpy as np
+from PIL import Image
+
+# Add backend to sys.path
+base_dir = os.path.dirname(os.path.abspath(__file__))
+backend_dir = os.path.join(base_dir, "backend")
+sys.path.insert(0, backend_dir)
+
+from app.database import SessionLocal
+from app.models import EmotionLog
+from fer import FER
+
+# 1. Simple Neural Network to "learn" new emotions
+class EmotionClassifier(nn.Module):
+    def __init__(self, input_size, num_classes):
+        super(EmotionClassifier, self).__init__()
+        self.fc1 = nn.Linear(input_size, 64)
+        self.relu = nn.ReLU()
+        self.fc2 = nn.Linear(64, num_classes)
+    
+    def forward(self, x):
+        return self.fc2(self.relu(self.fc1(x)))
+
+def train():
+    db = SessionLocal()
+    detector = FER(mtcnn=False)
+    
+    # Get all logs that have a corrected emotion
+    logs = db.query(EmotionLog).filter(EmotionLog.corrected_emotion != None).all()
+    
+    # Check unique emotions count
+    all_emotions = sorted(list(set([log.corrected_emotion for log in logs])))
+    
+    if len(all_emotions) < 2:
+        print(f"FAILED: Not enough variety! You only have one corrected emotion: {all_emotions}. Correct at least two different images with different emotions to train the custom brain.")
+        sys.exit(1)
+
+    if len(logs) < 3:
+        print(f"FAILED: Not enough data! You only have {len(logs)} corrections. Please correct at least 3 images (from different photos) to help the AI learn.")
+        sys.exit(1)
+
+    # Prepare labels and mappings
+    emotion_to_idx = {emo: i for i, emo in enumerate(all_emotions)}
+    idx_to_emotion = {i: emo for emo, i in emotion_to_idx.items()}
+    
+    X = []
+    y = []
+
+    print(f"Preparing data for emotions: {all_emotions}")
+
+    for log in logs:
+        # Load the image
+        img_path = os.path.join(backend_dir, "data", log.image_path)
+        if not os.path.exists(img_path): 
+            print(f"Skipping missing image: {img_path}")
+            continue
+        
+        try:
+            img = cv2.imread(img_path)
+            if img is None:
+                print(f"Skipping unreadable image: {img_path}")
+                continue
+            # Use FER to detect face and get the emotion probabilities (features)
+            results = detector.detect_emotions(img)
+            if results:
+                # We take the 7 base emotion probabilities as features
+                # Sort keys to ensure consistent feature order matching inference
+                emo_dict = results[0]["emotions"]
+                features = [emo_dict[k] for k in sorted(emo_dict.keys())]
+                X.append(features)
+                y.append(emotion_to_idx[log.corrected_emotion])
+            else:
+                # If FER fails on this specific image, we use neutral features
+                print(f"Warning: FER could not find face in {img_path}, skipping.")
+        except Exception as e:
+            print(f"Error processing {img_path}: {e}")
+            continue
+
+    if not X:
+        print("FAILED: Could not extract features from any of your corrected images.")
+        sys.exit(1)
+
+    X = torch.tensor(X, dtype=torch.float32)
+    y = torch.tensor(y, dtype=torch.long)
+
+    # 2. Train the model
+    model = EmotionClassifier(input_size=7, num_classes=len(all_emotions))
+    criterion = nn.CrossEntropyLoss()
+    optimizer = optim.Adam(model.parameters(), lr=0.01)
+
+    print("Training the custom brain...")
+    # Increase epochs for small dataset to ensure convergence
+    for epoch in range(200):
+        optimizer.zero_grad()
+        outputs = model.forward(X)
+        loss = criterion(outputs, y)
+        loss.backward()
+        optimizer.step()
+        if (epoch+1) % 50 == 0:
+            print(f"Epoch [{epoch+1}/200], Loss: {loss.item():.4f}")
+
+    # 3. Save the custom model and the label mapping
+    save_path = os.path.join(backend_dir, "app/models/custom_ai")
+    os.makedirs(save_path, exist_ok=True)
+    
+    torch.save(model.state_dict(), os.path.join(save_path, "custom_weights.pth"))
+    
+    import json
+    with open(os.path.join(save_path, "labels.json"), "w") as f:
+        json.dump(idx_to_emotion, f)
+        
+    print(f"SUCCESS: Custom brain trained and saved. It now knows: {all_emotions}")
+
+if __name__ == "__main__":
+    train()

update_db_schema.py

@@ -0,0 +1,26 @@
+import sqlite3
+import os
+
+db_path = 'backend/data/neurosense.db'
+
+if not os.path.exists(db_path):
+    print(f"Error: Database not found at {db_path}")
+else:
+    conn = sqlite3.connect(db_path)
+    cursor = conn.cursor()
+    
+    # Check current columns
+    cursor.execute('PRAGMA table_info(children)')
+    cols = [c[1] for c in cursor.fetchall()]
+    
+    if 'autism_inheritance' not in cols:
+        print("Adding autism_inheritance...")
+        cursor.execute("ALTER TABLE children ADD COLUMN autism_inheritance VARCHAR DEFAULT ''")
+        
+    if 'sensory_level' not in cols:
+        print("Adding sensory_level...")
+        cursor.execute("ALTER TABLE children ADD COLUMN sensory_level VARCHAR DEFAULT 'standard'")
+        
+    conn.commit()
+    conn.close()
+    print("Database updated successfully.")