Upload 21 files

Dockerfile

@@ -0,0 +1,19 @@
+# Use Python 3.10
+FROM python:3.10
+
+# Set the working directory
+WORKDIR /code
+
+# Copy requirements and install them
+COPY ./requirements.txt /code/requirements.txt
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+
+# Copy all your code files
+COPY . /code
+
+# Create a folder for the database so it can write to it
+RUN mkdir -p /code/data
+RUN chmod 777 /code/data
+
+# Start the server on port 7860 (Required for Hugging Face)
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]

app/database.py

@@ -0,0 +1,18 @@
+from sqlalchemy import create_engine
+from sqlalchemy.orm import declarative_base, sessionmaker
+
+DATABASE_URL = "sqlite:///./course.db"
+
+engine = create_engine(
+    DATABASE_URL, connect_args={"check_same_thread": False}
+)
+
+SessionLocal = sessionmaker(bind=engine)
+Base = declarative_base()
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()

app/main.py

@@ -0,0 +1,23 @@
+from fastapi import FastAPI
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import HTMLResponse
+from pathlib import Path
+
+from app.database import Base, engine
+from app.routes import users, courses, enrollments
+
+Base.metadata.create_all(bind=engine)
+
+app = FastAPI()
+
+app.include_router(users.router)
+app.include_router(courses.router)
+app.include_router(enrollments.router)
+
+app.mount("/static", StaticFiles(directory="static"), name="static")
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+@app.get("/", response_class=HTMLResponse)
+def home():
+    return (BASE_DIR / "templates/index.html").read_text()

app/models.py

@@ -0,0 +1,22 @@
+from sqlalchemy import Column, Integer, String, ForeignKey
+from sqlalchemy.orm import relationship
+from app.database import Base
+
+class User(Base):
+    __tablename__ = "users"
+    id = Column(Integer, primary_key=True, index=True)
+    name = Column(String)
+    email = Column(String)
+    role = Column(String) 
+
+class Course(Base):
+    __tablename__ = "courses"
+    id = Column(Integer, primary_key=True, index=True)
+    title = Column(String)
+    teacher_id = Column(Integer, ForeignKey("users.id"))
+
+class Enrollment(Base):
+    __tablename__ = "enrollments"
+    id = Column(Integer, primary_key=True, index=True)
+    student_id = Column(Integer, ForeignKey("users.id"))
+    course_id = Column(Integer, ForeignKey("courses.id"))

app/routes/courses.py

@@ -0,0 +1,39 @@
+from fastapi import APIRouter, HTTPException, Depends
+from sqlalchemy.orm import Session
+from app.models import Course, User, Enrollment
+from app.schemas import CourseCreate
+from app.database import get_db
+
+router = APIRouter(prefix="/courses", tags=["Courses"])
+
+@router.post("/")
+def create_course(course: CourseCreate, db: Session = Depends(get_db)):
+    if not course.title or course.title.strip() == "":
+        raise HTTPException(status_code=400, detail="Course title cannot be empty")
+        
+    c = Course(**course.dict())
+    db.add(c)
+    db.commit()
+    return {"message": "Course created"}
+
+@router.get("/")
+def list_courses(db: Session = Depends(get_db)):
+    results = (
+        db.query(Course.id, Course.title, User.name.label("teacher"))
+        .join(User, Course.teacher_id == User.id)
+        .filter(Course.title != "")
+        .all()
+    )
+    return [{"id": r.id, "title": r.title, "teacher": r.teacher} for r in results]
+
+@router.delete("/{course_id}")
+def delete_course(course_id: int, db: Session = Depends(get_db)):
+    course = db.query(Course).filter(Course.id == course_id).first()
+    if not course:
+        raise HTTPException(status_code=404, detail="Course not found")
+    
+    db.query(Enrollment).filter(Enrollment.course_id == course_id).delete()
+    
+    db.delete(course)
+    db.commit()
+    return {"message": "Course deleted"}

app/routes/enrollments.py

@@ -0,0 +1,51 @@
+from fastapi import APIRouter, HTTPException, Depends
+from sqlalchemy.orm import aliased, Session
+from app.models import Enrollment, User, Course
+from app.database import get_db
+
+router = APIRouter(prefix="/enrollments", tags=["Enrollments"])
+
+@router.post("/")
+def enroll(student_id: int, course_id: int, db: Session = Depends(get_db)):
+    exists = db.query(Enrollment).filter_by(student_id=student_id, course_id=course_id).first()
+    if exists:
+        return {"message": "Student is already enrolled!"}
+    
+    e = Enrollment(student_id=student_id, course_id=course_id)
+    db.add(e)
+    db.commit()
+    return {"message": "Student enrolled"}
+
+@router.get("/")
+def view_enrollments(db: Session = Depends(get_db)):
+    StudentUser = aliased(User)
+    TeacherUser = aliased(User)
+
+    results = (
+        db.query(
+            Enrollment.id,
+            StudentUser.name.label("student"),
+            Course.title.label("course"),
+            TeacherUser.name.label("teacher")
+        )
+        .select_from(Enrollment)
+        .join(Course, Course.id == Enrollment.course_id)
+        .join(TeacherUser, TeacherUser.id == Course.teacher_id)
+        .join(StudentUser, StudentUser.id == Enrollment.student_id)
+        .all()
+    )
+
+    return [
+        {"id": row.id, "student": row.student, "course": row.course, "teacher": row.teacher}
+        for row in results
+    ]
+
+@router.delete("/{enrollment_id}")
+def delete_enrollment(enrollment_id: int, db: Session = Depends(get_db)):
+    e = db.query(Enrollment).filter(Enrollment.id == enrollment_id).first()
+    if not e:
+        raise HTTPException(status_code=404, detail="Enrollment not found")
+    
+    db.delete(e)
+    db.commit()
+    return {"message": "Enrollment deleted"}

app/routes/users.py

@@ -0,0 +1,31 @@
+from fastapi import APIRouter, HTTPException, Depends
+from sqlalchemy.orm import Session
+from app.models import User, Course, Enrollment
+from app.schemas import UserCreate
+from app.database import get_db 
+
+router = APIRouter(prefix="/users", tags=["Users"])
+
+@router.post("/")
+def add_user(user: UserCreate, db: Session = Depends(get_db)):
+    u = User(name=user.name, email=user.email, role=user.role)
+    db.add(u)
+    db.commit()
+    return {"message": "User added"}
+
+@router.get("/")
+def list_users(db: Session = Depends(get_db)):
+    return db.query(User).all()
+
+@router.delete("/{user_id}")
+def delete_user(user_id: int, db: Session = Depends(get_db)):
+    user = db.query(User).filter(User.id == user_id).first()
+    if not user:
+        raise HTTPException(status_code=404, detail="User not found")
+    
+    db.query(Course).filter(Course.teacher_id == user_id).delete()
+    db.query(Enrollment).filter(Enrollment.student_id == user_id).delete()
+    
+    db.delete(user)
+    db.commit()
+    return {"message": "User deleted"}

app/schemas.py

@@ -0,0 +1,14 @@
+from pydantic import BaseModel
+
+class UserCreate(BaseModel):
+    name: str
+    email: str
+    role: str
+
+class CourseCreate(BaseModel):
+    title: str
+    teacher_id: int
+
+class EnrollCreate(BaseModel):
+    student_id: int
+    course_id: int

requirements.txt

@@ -0,0 +1,7 @@
+fastapi
+uvicorn
+sqlalchemy
+pydantic
+jinja2
+python-multipart
+a2wsgi

static/script.js

@@ -0,0 +1,126 @@
+const usersTable = document.getElementById("usersTable");
+const teacherSelect = document.getElementById("teacherSelect");
+const studentSelect = document.getElementById("studentSelect");
+const coursesTable = document.getElementById("coursesTable");
+const courseSelect = document.getElementById("courseSelect");
+const enrollmentsTable = document.getElementById("enrollmentsTable");
+
+// --- USERS ---
+async function fetchUsers() {
+  const res = await fetch("/users");
+  const users = await res.json();
+
+  usersTable.innerHTML = `<tr><th>ID</th><th>Name</th><th>Email</th><th>Role</th><th>Action</th></tr>`;
+  teacherSelect.innerHTML = `<option disabled selected>Select Teacher</option>`;
+  studentSelect.innerHTML = `<option disabled selected>Select Student</option>`;
+
+  users.forEach(u => {
+    usersTable.innerHTML += `
+      <tr>
+        <td>${u.id}</td>
+        <td><strong>${u.name}</strong></td>
+        <td>${u.email}</td>
+        <td><span style="background:${u.role === 'Teacher' ? '#e0e7ff' : '#d1fae5'}; color:${u.role === 'Teacher' ? '#4338ca' : '#065f46'}; padding: 2px 8px; border-radius: 10px; font-size: 0.8em;">${u.role}</span></td>
+        <td><button class="btn-danger" onclick="deleteUser(${u.id})">Delete</button></td>
+      </tr>`;
+
+    if (u.role === "Teacher") teacherSelect.innerHTML += `<option value="${u.id}">${u.name}</option>`;
+    if (u.role === "Student") studentSelect.innerHTML += `<option value="${u.id}">${u.name}</option>`;
+  });
+}
+
+async function addUser() {
+  const name = document.getElementById("name").value;
+  const email = document.getElementById("email").value;
+  const role = document.getElementById("role").value;
+  if(!name || !email) return alert("Fill details");
+
+  await fetch("/users", {
+    method: "POST", 
+    headers: {"Content-Type": "application/json"},
+    body: JSON.stringify({ name, email, role })
+  });
+  fetchUsers();
+}
+
+async function deleteUser(id) {
+  if(!confirm("Are you sure? This will delete their courses/enrollments too.")) return;
+  await fetch(`/users/${id}`, { method: "DELETE" });
+  fetchUsers();
+  fetchCourses();     
+  fetchEnrollments(); 
+}
+
+// --- COURSES ---
+async function fetchCourses() {
+  const res = await fetch("/courses");
+  const courses = await res.json();
+
+  coursesTable.innerHTML = `<tr><th>ID</th><th>Title</th><th>Teacher</th><th>Action</th></tr>`;
+  courseSelect.innerHTML = `<option disabled selected>Select Course</option>`;
+
+  courses.forEach(c => {
+    coursesTable.innerHTML += `
+      <tr>
+        <td>${c.id}</td>
+        <td><strong>${c.title}</strong></td>
+        <td>${c.teacher}</td>
+        <td><button class="btn-danger" onclick="deleteCourse(${c.id})">Delete</button></td>
+      </tr>`;
+    courseSelect.innerHTML += `<option value="${c.id}">${c.title}</option>`;
+  });
+}
+
+async function createCourse() {
+  const title = document.getElementById("courseTitle").value;
+  const teacher_id = teacherSelect.value;
+  if (!title.trim()) return alert("Title required");
+
+  await fetch("/courses", {
+    method: "POST",
+    headers: {"Content-Type": "application/json"},
+    body: JSON.stringify({ title, teacher_id })
+  });
+  fetchCourses();
+}
+
+async function deleteCourse(id) {
+  if(!confirm("Delete this course?")) return;
+  await fetch(`/courses/${id}`, { method: "DELETE" });
+  fetchCourses();
+  fetchEnrollments();
+}
+
+// --- ENROLLMENTS ---
+async function fetchEnrollments() {
+  const res = await fetch("/enrollments");
+  const data = await res.json();
+
+  enrollmentsTable.innerHTML = `<tr><th>Student</th><th>Course</th><th>Teacher</th><th>Action</th></tr>`;
+  
+  data.forEach(e => {
+    enrollmentsTable.innerHTML += `
+      <tr>
+        <td><strong>${e.student}</strong></td>
+        <td>${e.course}</td>
+        <td>${e.teacher}</td>
+        <td><button class="btn-danger" onclick="deleteEnrollment(${e.id})">Un-enroll</button></td>
+      </tr>`;
+  });
+}
+
+async function enrollStudent() {
+  const s_id = studentSelect.value;
+  const c_id = courseSelect.value;
+  await fetch(`/enrollments?student_id=${s_id}&course_id=${c_id}`, { method: "POST" });
+  fetchEnrollments();
+}
+
+async function deleteEnrollment(id) {
+  await fetch(`/enrollments/${id}`, { method: "DELETE" });
+  fetchEnrollments();
+}
+
+fetchUsers();
+fetchCourses();
+fetchEnrollments();

static/style.css

@@ -0,0 +1,160 @@
+:root {
+  --primary: #4f46e5;
+  --primary-hover: #4338ca;
+  --danger: #ef4444;
+  --danger-hover: #dc2626;
+  --bg: #f3f4f6;
+  --surface: #ffffff;
+  --text: #1f2937;
+  --text-light: #6b7280;
+  --border: #e5e7eb;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Inter', sans-serif;
+  background: var(--bg);
+  color: var(--text);
+  margin: 0;
+  padding: 40px 20px;
+}
+
+.container {
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+header {
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+header h1 {
+  margin: 0;
+  color: var(--primary);
+  font-size: 2.2rem;
+}
+
+header p {
+  color: var(--text-light);
+  margin-top: 5px;
+}
+
+/* CARDS */
+.card {
+  background: var(--surface);
+  border-radius: 12px;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  margin-bottom: 30px;
+  overflow: hidden;
+  border: 1px solid var(--border);
+}
+
+.card-header {
+  background: #f9fafb;
+  padding: 15px 25px;
+  border-bottom: 1px solid var(--border);
+}
+
+.card-header h2 {
+  margin: 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: var(--text);
+}
+
+.card-body {
+  padding: 25px;
+}
+
+/* FORMS */
+.form-row {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+}
+
+input, select {
+  padding: 10px 15px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-size: 0.95rem;
+  flex: 1; 
+  min-width: 200px;
+  transition: border-color 0.2s;
+}
+
+input:focus, select:focus {
+  outline: none;
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
+}
+
+/* BUTTONS */
+button {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 6px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.2s;
+  font-size: 0.95rem;
+}
+
+.btn-primary {
+  background: var(--primary);
+  color: white;
+}
+
+.btn-primary:hover {
+  background: var(--primary-hover);
+}
+
+.btn-danger {
+  background: #fee2e2;
+  color: var(--danger);
+  padding: 6px 12px;
+  font-size: 0.85rem;
+}
+
+.btn-danger:hover {
+  background: var(--danger);
+  color: white;
+}
+
+/* TABLES */
+.table-wrapper {
+  overflow-x: auto;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.95rem;
+}
+
+th {
+  background: #f9fafb;
+  text-align: left;
+  padding: 12px 15px;
+  font-weight: 600;
+  color: var(--text-light);
+  border-bottom: 1px solid var(--border);
+  text-transform: uppercase;
+  font-size: 0.75rem;
+  letter-spacing: 0.05em;
+}
+
+td {
+  padding: 12px 15px;
+  border-bottom: 1px solid var(--border);
+  color: var(--text);
+}
+
+tr:last-child td {
+  border-bottom: none;
+}

templates/index.html

@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Online Course System</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="/static/style.css">
+  <script src="/static/script.js" defer></script>
+</head>
+<body>
+
+<div class="container">
+  <header>
+    <h1>🎓 Online Course System</h1>
+    <p>Admin Dashboard</p>
+  </header>
+
+  <div class="card">
+    <div class="card-header">
+      <h2>Manage Users</h2>
+    </div>
+    <div class="card-body">
+      <div class="form-row">
+        <input id="name" placeholder="Full Name">
+        <input id="email" placeholder="Email Address">
+        <select id="role">
+          <option>Student</option>
+          <option>Teacher</option>
+        </select>
+        <button class="btn-primary" onclick="addUser()">+ Add User</button>
+      </div>
+      <div class="table-wrapper">
+        <table id="usersTable"></table>
+      </div>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="card-header">
+      <h2>Manage Courses</h2>
+    </div>
+    <div class="card-body">
+      <div class="form-row">
+        <input id="courseTitle" placeholder="Course Title">
+        <select id="teacherSelect">
+          <option disabled selected>Select Teacher</option>
+        </select>
+        <button class="btn-primary" onclick="createCourse()">+ Create Course</button>
+      </div>
+      <div class="table-wrapper">
+        <table id="coursesTable"></table>
+      </div>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="card-header">
+      <h2>Enrollments</h2>
+    </div>
+    <div class="card-body">
+      <div class="form-row">
+        <select id="studentSelect">
+          <option disabled selected>Select Student</option>
+        </select>
+        <select id="courseSelect">
+          <option disabled selected>Select Course</option>
+        </select>
+        <button class="btn-primary" onclick="enrollStudent()">Enroll Student</button>
+      </div>
+      <div class="table-wrapper">
+        <table id="enrollmentsTable"></table>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+</body>
+</html>