Upload 20 files

Dockerfile

@@ -0,0 +1,25 @@
+# Use official Python image
+FROM python:3.11-slim
+
+# Set environment variables
+ENV PYTHONDONTWRITEBYTECODE=1
+ENV PYTHONUNBUFFERED=1
+
+# Set work directory
+WORKDIR /app
+
+# Install system dependencies
+RUN apt-get update && apt-get install -y build-essential libffi-dev && rm -rf /var/lib/apt/lists/*
+
+# Install Python dependencies
+COPY requirements.txt .
+RUN pip install --upgrade pip && pip install -r requirements.txt
+
+# Copy project files
+COPY . .
+
+# Expose the port Hugging Face expects
+EXPOSE 7860
+
+# Start the FastAPI server on port 7860
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860", "--reload"]

auth.py

@@ -0,0 +1,27 @@
+from passlib.context import CryptContext
+from sqlalchemy.orm import Session
+from models import User
+
+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 authenticate_user(db: Session, username: str, password: str):
+    user = db.query(User).filter(User.username == username).first()
+    if not user:
+        return None
+    if not verify_password(password, user.password):
+        return None
+    return user
+
+def create_user(db: Session, username: str, password: str, is_admin: bool = False):
+    hashed_password = get_password_hash(password)
+    db_user = User(username=username, password=hashed_password, is_admin=is_admin)
+    db.add(db_user)
+    db.commit()
+    db.refresh(db_user)
+    return db_user

database.py

@@ -0,0 +1,10 @@
+from sqlalchemy import create_engine
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import sessionmaker
+
+SQLALCHEMY_DATABASE_URL = "sqlite:///./app.db"
+engine = create_engine(
+    SQLALCHEMY_DATABASE_URL, connect_args={"check_same_thread": False}
+)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+Base = declarative_base()

main.py

@@ -0,0 +1,220 @@
+from fastapi import FastAPI, Request, Form, Depends, status
+from fastapi.responses import RedirectResponse, HTMLResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from starlette.middleware.sessions import SessionMiddleware
+from sqlalchemy.orm import Session
+from database import engine, Base, SessionLocal
+from models import User, UserDetails
+from auth import authenticate_user, create_user, get_password_hash
+import uvicorn
+from datetime import datetime
+
+app = FastAPI()
+app.add_middleware(SessionMiddleware, secret_key="your-secret-key")
+app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
+Base.metadata.create_all(bind=engine)
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
+
+@app.get("/", response_class=HTMLResponse)
+def index(request: Request):
+    if request.session.get("user_id"):
+        return RedirectResponse("/user/form", status_code=302)
+    return templates.TemplateResponse("login.html", {"request": request, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.get("/login", response_class=HTMLResponse)
+def login_get(request: Request):
+    return templates.TemplateResponse("login.html", {"request": request, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.post("/login", response_class=HTMLResponse)
+def login_post(request: Request, username: str = Form(...), password: str = Form(...), db: Session = Depends(get_db)):
+    user = authenticate_user(db, username, password)
+    if user:
+        request.session["user_id"] = user.id
+        request.session["is_admin"] = user.is_admin
+        request.session["success"] = "Login successful!"
+        if user.is_admin:
+            return RedirectResponse("/admin/dashboard", status_code=302)
+        else:
+            return RedirectResponse("/user/form", status_code=302)
+    request.session["error"] = "Invalid credentials"
+    return RedirectResponse("/login", status_code=302)
+
+@app.get("/signup", response_class=HTMLResponse)
+def signup_get(request: Request):
+    return templates.TemplateResponse("signup.html", {"request": request, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.post("/signup", response_class=HTMLResponse)
+def signup_post(request: Request, username: str = Form(...), password: str = Form(...), db: Session = Depends(get_db)):
+    if db.query(User).filter(User.username == username).first():
+        request.session["error"] = "Username already exists"
+        return RedirectResponse("/signup", status_code=302)
+    create_user(db, username, password)
+    request.session["success"] = "Signup successful! Please login."
+    return RedirectResponse("/login", status_code=302)
+
+@app.get("/logout")
+def logout(request: Request):
+    request.session.clear()
+    return RedirectResponse("/login", status_code=302)
+
+@app.get("/user/form", response_class=HTMLResponse)
+def user_form_get(request: Request, db: Session = Depends(get_db)):
+    user_id = request.session.get("user_id")
+    if not user_id:
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    details = user.details if user and user.details else None
+    return templates.TemplateResponse("user_form.html", {"request": request, "details": details or {}, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.post("/user/form", response_class=HTMLResponse)
+def user_form_post(request: Request,
+    first_name: str = Form(...),
+    last_name: str = Form(...),
+    email: str = Form(...),
+    mobile: str = Form(...),
+    dob: str = Form(...),
+    gender: str = Form(...),
+    current_semester: str = Form(...),
+    tenth_percentage: float = Form(...),
+    twelfth_percentage: float = Form(...),
+    graduation_percentage: float = Form(...),
+    specialization: str = Form(...),
+    experience_status: str = Form(...),
+    db: Session = Depends(get_db)):
+    user_id = request.session.get("user_id")
+    if not user_id:
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    if not user:
+        return RedirectResponse("/login", status_code=302)
+    details = user.details
+    if not details:
+        details = UserDetails(user_id=user.id)
+        db.add(details)
+        msg = "Details created!"
+    else:
+        msg = "Details updated!"
+    details.first_name = first_name
+    details.last_name = last_name
+    details.email = email
+    details.mobile = mobile
+    details.dob = datetime.strptime(dob, "%Y-%m-%d").date()
+    details.gender = gender
+    details.current_semester = current_semester
+    details.tenth_percentage = tenth_percentage
+    details.twelfth_percentage = twelfth_percentage
+    details.graduation_percentage = graduation_percentage
+    details.specialization = specialization
+    details.experience_status = experience_status
+    db.commit()
+    request.session["success"] = msg
+    return RedirectResponse("/user/form", status_code=302)
+
+@app.get("/admin/dashboard", response_class=HTMLResponse)
+def admin_dashboard(request: Request, search: str = "", db: Session = Depends(get_db)):
+    if not request.session.get("is_admin"):
+        return RedirectResponse("/login", status_code=302)
+    query = db.query(User).filter(User.is_admin == False)
+    if search:
+        query = query.join(UserDetails).filter(
+            (User.username.contains(search)) |
+            (UserDetails.first_name.contains(search)) |
+            (UserDetails.last_name.contains(search)) |
+            (UserDetails.email.contains(search))
+        )
+    users = query.all()
+    return templates.TemplateResponse("admin_dashboard.html", {"request": request, "users": users, "search": search, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.get("/admin/user/{user_id}", response_class=HTMLResponse)
+def admin_view_user(request: Request, user_id: int, db: Session = Depends(get_db)):
+    if not request.session.get("is_admin"):
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    if not user:
+        return RedirectResponse("/admin/dashboard", status_code=302)
+    details = user.details
+    return templates.TemplateResponse("admin_view.html", {"request": request, "user": user, "details": details})
+
+@app.get("/admin/user/{user_id}/edit", response_class=HTMLResponse)
+def admin_edit_user_get(request: Request, user_id: int, db: Session = Depends(get_db)):
+    if not request.session.get("is_admin"):
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    if not user:
+        return RedirectResponse("/admin/dashboard", status_code=302)
+    details = user.details or None
+    return templates.TemplateResponse("admin_edit.html", {"request": request, "user": user, "details": details or {}, "success": request.session.pop("success", None), "error": request.session.pop("error", None)})
+
+@app.post("/admin/user/{user_id}/edit", response_class=HTMLResponse)
+def admin_edit_user_post(request: Request, user_id: int,
+    first_name: str = Form(...),
+    last_name: str = Form(...),
+    email: str = Form(...),
+    mobile: str = Form(...),
+    dob: str = Form(...),
+    gender: str = Form(...),
+    current_semester: str = Form(...),
+    tenth_percentage: float = Form(...),
+    twelfth_percentage: float = Form(...),
+    graduation_percentage: float = Form(...),
+    specialization: str = Form(...),
+    experience_status: str = Form(...),
+    db: Session = Depends(get_db)):
+    if not request.session.get("is_admin"):
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    if not user:
+        return RedirectResponse("/admin/dashboard", status_code=302)
+    details = user.details
+    if not details:
+        details = UserDetails(user_id=user.id)
+        db.add(details)
+        msg = "User details created!"
+    else:
+        msg = "User details updated!"
+    details.first_name = first_name
+    details.last_name = last_name
+    details.email = email
+    details.mobile = mobile
+    details.dob = datetime.strptime(dob, "%Y-%m-%d").date()
+    details.gender = gender
+    details.current_semester = current_semester
+    details.tenth_percentage = tenth_percentage
+    details.twelfth_percentage = twelfth_percentage
+    details.graduation_percentage = graduation_percentage
+    details.specialization = specialization
+    details.experience_status = experience_status
+    db.commit()
+    request.session["success"] = msg
+    return RedirectResponse(f"/admin/user/{user_id}/edit", status_code=302)
+
+@app.get("/admin/user/{user_id}/delete")
+def admin_delete_user(request: Request, user_id: int, db: Session = Depends(get_db)):
+    if not request.session.get("is_admin"):
+        return RedirectResponse("/login", status_code=302)
+    user = db.query(User).filter(User.id == user_id).first()
+    if user:
+        db.delete(user)
+        db.commit()
+        request.session["success"] = "User deleted!"
+    return RedirectResponse("/admin/dashboard", status_code=302)
+
+@app.get("/create-admin")
+def create_admin(request: Request, db: Session = Depends(get_db)):
+    if db.query(User).filter(User.username == "admin@149gmail.com").first():
+        request.session["error"] = "Admin already exists."
+        return RedirectResponse("/login", status_code=302)
+    create_user(db, "admin@149gmail.com", "Admin@149", is_admin=True)
+    request.session["success"] = "Admin created. You can now login as admin."
+    return RedirectResponse("/login", status_code=302)
+
+if __name__ == "__main__":
+    uvicorn.run("main:app", host="127.0.0.1", port=7860, reload=True)

models.py

@@ -0,0 +1,29 @@
+from sqlalchemy import Column, Integer, String, Boolean, Date, Float, ForeignKey
+from sqlalchemy.orm import relationship
+from database import Base
+
+class User(Base):
+    __tablename__ = "users"
+    id = Column(Integer, primary_key=True, index=True)
+    username = Column(String, unique=True, index=True, nullable=False)
+    password = Column(String, nullable=False)
+    is_admin = Column(Boolean, default=False)
+    details = relationship("UserDetails", back_populates="user", uselist=False)
+
+class UserDetails(Base):
+    __tablename__ = "user_details"
+    id = Column(Integer, primary_key=True, index=True)
+    user_id = Column(Integer, ForeignKey("users.id"))
+    first_name = Column(String)
+    last_name = Column(String)
+    email = Column(String)
+    mobile = Column(String)
+    dob = Column(Date)
+    gender = Column(String)
+    current_semester = Column(String)
+    tenth_percentage = Column(Float)
+    twelfth_percentage = Column(Float)
+    graduation_percentage = Column(Float)
+    specialization = Column(String)
+    experience_status = Column(String)
+    user = relationship("User", back_populates="details")

requirements.txt

@@ -0,0 +1,7 @@
+fastapi
+uvicorn
+jinja2
+sqlalchemy
+passlib[bcrypt]
+python-multipart
+itsdangerous

static/.keep

@@ -0,0 +1 @@
+

static/custom.css

@@ -0,0 +1,136 @@
+body {
+    min-height: 100vh;
+    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+    position: relative;
+    overflow-x: hidden;
+}
+
+.blob-bg {
+    position: fixed;
+    z-index: 0;
+    top: -100px;
+    left: -100px;
+    width: 400px;
+    height: 400px;
+    background: radial-gradient(circle at 60% 40%, #a18cd1 0%, #fbc2eb 100%);
+    opacity: 0.5;
+    filter: blur(80px);
+    border-radius: 50%;
+    animation: blobMove 15s infinite alternate ease-in-out;
+}
+
+.blob-bg2 {
+    position: fixed;
+    z-index: 0;
+    bottom: -120px;
+    right: -120px;
+    width: 420px;
+    height: 420px;
+    background: radial-gradient(circle at 40% 60%, #fad0c4 0%, #ffd1ff 100%);
+    opacity: 0.4;
+    filter: blur(90px);
+    border-radius: 50%;
+    animation: blobMove2 18s infinite alternate ease-in-out;
+}
+
+@keyframes blobMove {
+    0% { transform: scale(1) translateY(0) translateX(0); }
+    100% { transform: scale(1.2) translateY(40px) translateX(60px); }
+}
+@keyframes blobMove2 {
+    0% { transform: scale(1) translateY(0) translateX(0); }
+    100% { transform: scale(1.1) translateY(-30px) translateX(-50px); }
+}
+
+.card, .table, .form-control, .form-select, .btn {
+    border-radius: 1.5rem !important;
+}
+
+.card {
+    box-shadow: 0 4px 32px 0 rgba(80, 80, 160, 0.09);
+    border: none;
+    background: rgba(255,255,255,0.95);
+    backdrop-filter: blur(2px);
+    transition: box-shadow 0.2s;
+}
+.card:hover {
+    box-shadow: 0 8px 40px 0 rgba(80, 80, 160, 0.18);
+}
+
+.admin-card {
+    background: rgba(245, 245, 255, 0.97);
+    border: 2px solid #d1d8fc;
+    box-shadow: 0 4px 28px 0 rgba(81, 86, 255, 0.09);
+    border-radius: 1.8rem !important;
+    margin-bottom: 1.5rem;
+    overflow: hidden;
+}
+.admin-card .card-header {
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    background: linear-gradient(90deg, #5f72bd 0%, #9b23ea 100%) !important;
+    color: #fff !important;
+    border-radius: 1.8rem 1.8rem 0 0 !important;
+}
+
+.admin-navbar {
+    background: linear-gradient(90deg, #5f72bd 0%, #9b23ea 100%) !important;
+    box-shadow: 0 4px 24px 0 rgba(81, 86, 255, 0.09);
+    border-radius: 0 0 1.5rem 1.5rem;
+    margin-top: 0;
+    margin-bottom: 1.2rem;
+    padding-left: 1.2rem;
+    padding-right: 1.2rem;
+    backdrop-filter: blur(2px);
+    position: sticky;
+    top: 0;
+    z-index: 1050;
+}
+
+.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-secondary {
+    border-radius: 2rem;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+    box-shadow: 0 2px 8px 0 rgba(80, 80, 160, 0.08);
+    transition: background 0.2s, box-shadow 0.2s;
+}
+
+.btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover, .btn-secondary:hover {
+    filter: brightness(0.95);
+    box-shadow: 0 4px 16px 0 rgba(80, 80, 160, 0.12);
+}
+
+.form-control:focus, .form-select:focus {
+    border-color: #a18cd1;
+    box-shadow: 0 0 0 0.2rem rgba(161,140,209,.15);
+}
+
+.alert {
+    border-radius: 1.5rem;
+    font-size: 1rem;
+}
+
+.navbar {
+}
+
+@media (max-width: 600px) {
+    .card, .navbar, .form-control, .form-select, .btn, .alert {
+        border-radius: 1.1rem !important;
+    }
+    .admin-card {
+        border-radius: 1.1rem !important;
+    }
+    .admin-card .card-header {
+        border-radius: 1.1rem 1.1rem 0 0 !important;
+    }
+    .admin-navbar {
+        border-radius: 0 0 1.1rem 1.1rem !important;
+        margin-top: 0;
+        margin-bottom: 0.5rem;
+        padding-left: 0.2rem;
+        padding-right: 0.2rem;
+    }
+    .col-md-8, .col-md-4 {
+        padding: 0 0.5rem;
+    }
+}

templates/admin_dashboard.html

@@ -0,0 +1,41 @@
+{% extends 'base.html' %}
+{% block title %}Admin Dashboard{% endblock %}
+{% block content %}
+<h3 class="mb-4 text-center">Admin Dashboard</h3>
+<form class="row mb-3 justify-content-center" method="get" action="/admin/dashboard">
+    <div class="col-md-6 col-12 mb-2 mb-md-0">
+        <input type="text" class="form-control" name="search" placeholder="Search by username, name or email" value="{{ search or '' }}">
+    </div>
+    <div class="col-md-2 col-6">
+        <button type="submit" class="btn btn-primary w-100">Search</button>
+    </div>
+</form>
+<div class="table-responsive">
+<table class="table table-bordered table-striped align-middle text-center" style="border-radius:1.5rem;overflow:hidden;">
+    <thead class="table-light">
+        <tr>
+            <th>Username</th>
+            <th>Name</th>
+            <th>Email</th>
+            <th>Mobile</th>
+            <th>Actions</th>
+        </tr>
+    </thead>
+    <tbody>
+    {% for user in users %}
+        <tr>
+            <td>{{ user.username }}</td>
+            <td>{{ user.details.first_name }} {{ user.details.last_name }}</td>
+            <td>{{ user.details.email }}</td>
+            <td>{{ user.details.mobile }}</td>
+            <td>
+                <a href="/admin/user/{{ user.id }}" class="btn btn-sm btn-info mx-1 mb-1">View</a>
+                <a href="/admin/user/{{ user.id }}/edit" class="btn btn-sm btn-warning mx-1 mb-1">Edit</a>
+                <a href="/admin/user/{{ user.id }}/delete" class="btn btn-sm btn-danger mx-1 mb-1" onclick="return confirm('Delete user?');">Delete</a>
+            </td>
+        </tr>
+    {% endfor %}
+    </tbody>
+</table>
+</div>
+{% endblock %}

templates/admin_edit.html

@@ -0,0 +1,94 @@
+{% extends 'base.html' %}
+{% block title %}Edit User{% endblock %}
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-8" style="padding:0;">
+        <form method="post" action="/admin/user/{{ user.id }}/edit" novalidate class="needs-validation" style="background:transparent;">
+            <div class="card mb-4 admin-card">
+                <div class="card-header bg-primary text-white rounded-top-4">Personal Details</div>
+                <div class="card-body row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label">First Name</label>
+                        <input type="text" class="form-control" name="first_name" value="{{ details.first_name or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Last Name</label>
+                        <input type="text" class="form-control" name="last_name" value="{{ details.last_name or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Email</label>
+                        <input type="email" class="form-control" name="email" value="{{ details.email or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Mobile No</label>
+                        <input type="tel" class="form-control" name="mobile" value="{{ details.mobile or '' }}" required pattern="[0-9]{10}">
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Date of Birth</label>
+                        <input type="date" class="form-control" name="dob" value="{{ details.dob or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Gender</label>
+                        <select class="form-select" name="gender" required>
+                            <option value="">Select</option>
+                            <option value="Male" {% if details.gender=='Male' %}selected{% endif %}>Male</option>
+                            <option value="Female" {% if details.gender=='Female' %}selected{% endif %}>Female</option>
+                            <option value="Other" {% if details.gender=='Other' %}selected{% endif %}>Other</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="card mb-4 admin-card">
+                <div class="card-header bg-success text-white rounded-top-4">Educational Information</div>
+                <div class="card-body row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label">Current Semester</label>
+                        <input type="text" class="form-control" name="current_semester" value="{{ details.current_semester or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Class 10th Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="tenth_percentage" value="{{ details.tenth_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Class 12th Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="twelfth_percentage" value="{{ details.twelfth_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Graduation Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="graduation_percentage" value="{{ details.graduation_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Specialization</label>
+                        <input type="text" class="form-control" name="specialization" value="{{ details.specialization or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Experience Status</label>
+                        <select class="form-select" name="experience_status" required>
+                            <option value="">Select</option>
+                            <option value="Experienced" {% if details.experience_status=='Experienced' %}selected{% endif %}>Experienced</option>
+                            <option value="Fresher" {% if details.experience_status=='Fresher' %}selected{% endif %}>Fresher</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <button type="submit" class="btn btn-primary w-100">Update</button>
+        </form>
+    </div>
+</div>
+<script>
+// Bootstrap validation
+(function () {
+  'use strict';
+  var forms = document.querySelectorAll('.needs-validation');
+  Array.prototype.slice.call(forms).forEach(function (form) {
+    form.addEventListener('submit', function (event) {
+      if (!form.checkValidity()) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      form.classList.add('was-validated');
+    }, false);
+  });
+})();
+</script>
+{% endblock %}

templates/admin_view.html

@@ -0,0 +1,26 @@
+{% extends 'base.html' %}
+{% block title %}View User{% endblock %}
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-8" style="padding:0;">
+        <div class="card mb-4 admin-card" style="border-radius:1.5rem;">
+            <div class="card-header bg-info text-white rounded-top-4">User Details</div>
+            <div class="card-body row g-3">
+                <div class="col-md-6"><strong>Username:</strong> {{ user.username }}</div>
+                <div class="col-md-6"><strong>Name:</strong> {{ details.first_name }} {{ details.last_name }}</div>
+                <div class="col-md-6"><strong>Email:</strong> {{ details.email }}</div>
+                <div class="col-md-6"><strong>Mobile:</strong> {{ details.mobile }}</div>
+                <div class="col-md-6"><strong>Date of Birth:</strong> {{ details.dob }}</div>
+                <div class="col-md-6"><strong>Gender:</strong> {{ details.gender }}</div>
+                <div class="col-md-6"><strong>Current Semester:</strong> {{ details.current_semester }}</div>
+                <div class="col-md-6"><strong>10th </strong> {{ details.tenth_percentage }} %</div>
+                <div class="col-md-6"><strong>12th </strong> {{ details.twelfth_percentage }} %</div>
+                <div class="col-md-6"><strong>Graduation </strong> {{ details.graduation_percentage }} %</div>
+                <div class="col-md-6"><strong>Specialization:</strong> {{ details.specialization }}</div>
+                <div class="col-md-6"><strong>Experience:</strong> {{ details.experience_status }}</div>
+            </div>
+        </div>
+        <a href="/admin/dashboard" class="btn btn-secondary">Back to Dashboard</a>
+    </div>
+</div>
+{% endblock %}

templates/base.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}App{% endblock %}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/static/custom.css" rel="stylesheet">
+</head>
+<body>
+    <div class="blob-bg"></div>
+    <div class="blob-bg2"></div>
+    {% if request.session.get('is_admin') %}
+    <nav class="navbar navbar-expand-lg navbar-dark admin-navbar">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/admin/dashboard">Admin Panel</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                    <li class="nav-item">
+                        <a class="nav-link" href="/admin/dashboard">Dashboard</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/logout">Logout</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    {% else %}
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/">Student Portal</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+                    {% if request.session.get('user_id') %}
+                        <li class="nav-item">
+                            <a class="nav-link" href="/user/form">My Form</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="/logout">Logout</a>
+                        </li>
+                    {% else %}
+                        <li class="nav-item">
+                            <a class="nav-link" href="/login">Login</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="/signup">Sign Up</a>
+                        </li>
+                    {% endif %}
+                </ul>
+            </div>
+        </div>
+    </nav>
+    {% endif %}
+    <div class="container mt-4">
+        {% if success %}
+        <div class="alert alert-success alert-dismissible fade show" role="alert">
+            {{ success }}
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+        {% endif %}
+        {% if error %}
+        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+            {{ error }}
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+        {% endif %}
+        {% block content %}{% endblock %}
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/login.html

@@ -0,0 +1,38 @@
+{% extends 'base.html' %}
+{% block title %}Login{% endblock %}
+{% block content %}
+<div class="row justify-content-center align-items-center" style="min-height:70vh;">
+    <div class="col-md-4 col-12">
+        <h3 class="mb-3 text-center">Login</h3>
+        <form method="post" action="/login" novalidate class="needs-validation" style="background:transparent;">
+            <div class="mb-3">
+                <label for="username" class="form-label">Username</label>
+                <input type="text" class="form-control" id="username" name="username" required autocomplete="username">
+            </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">Password</label>
+                <input type="password" class="form-control" id="password" name="password" required minlength="4" autocomplete="current-password">
+            </div>
+            <button type="submit" class="btn btn-primary w-100">Login</button>
+        </form>
+        <div class="mt-3 text-center">
+            <a href="/signup">Don't have an account? Sign up</a>
+        </div>
+    </div>
+</div>
+<script>
+(function () {
+  'use strict';
+  var forms = document.querySelectorAll('.needs-validation');
+  Array.prototype.slice.call(forms).forEach(function (form) {
+    form.addEventListener('submit', function (event) {
+      if (!form.checkValidity()) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      form.classList.add('was-validated');
+    }, false);
+  });
+})();
+</script>
+{% endblock %}

templates/signup.html

@@ -0,0 +1,68 @@
+{% extends 'base.html' %}
+{% block title %}Signup{% endblock %}
+{% block content %}
+<div class="row justify-content-center align-items-center" style="min-height:70vh;">
+    <div class="col-md-4 col-12">
+        <h3 class="mb-3 text-center">Sign Up</h3>
+        <form method="post" action="/signup" novalidate class="needs-validation" style="background:transparent;">
+            <div class="mb-3">
+                <label for="username" class="form-label">Username</label>
+                <input type="text" class="form-control" id="username" name="username" required autocomplete="username">
+            </div>
+            <div class="mb-3">
+                <label for="password" class="form-label">Password</label>
+                <input type="password" class="form-control" id="password" name="password" required minlength="4" autocomplete="new-password">
+            </div>
+            <div class="mb-3">
+                <label for="confirm_password" class="form-label">Confirm Password</label>
+                <input type="password" class="form-control" id="confirm_password" name="confirm_password" required minlength="4" autocomplete="new-password">
+                <div class="invalid-feedback" id="confirm-feedback">Passwords do not match.</div>
+            </div>
+            <button type="submit" class="btn btn-success w-100" id="signup-btn" disabled>Sign Up</button>
+        </form>
+        <div class="mt-3 text-center">
+            <a href="/login">Already have an account? Login</a>
+        </div>
+    </div>
+</div>
+<script>
+(function () {
+  'use strict';
+  var forms = document.querySelectorAll('.needs-validation');
+  Array.prototype.slice.call(forms).forEach(function (form) {
+    var password = form.querySelector('#password');
+    var confirm = form.querySelector('#confirm_password');
+    var btn = form.querySelector('#signup-btn');
+    var feedback = form.querySelector('#confirm-feedback');
+    function checkMatch() {
+      if (password.value && confirm.value && password.value === confirm.value) {
+        confirm.classList.remove('is-invalid');
+        confirm.classList.add('is-valid');
+        feedback.style.display = 'none';
+        btn.disabled = false;
+      } else {
+        confirm.classList.remove('is-valid');
+        if (confirm.value) {
+          confirm.classList.add('is-invalid');
+          feedback.style.display = '';
+        } else {
+          confirm.classList.remove('is-invalid');
+          feedback.style.display = 'none';
+        }
+        btn.disabled = true;
+      }
+    }
+    password.addEventListener('input', checkMatch);
+    confirm.addEventListener('input', checkMatch);
+    form.addEventListener('submit', function (event) {
+      if (!form.checkValidity() || password.value !== confirm.value) {
+        event.preventDefault();
+        event.stopPropagation();
+        checkMatch();
+      }
+      form.classList.add('was-validated');
+    }, false);
+  });
+})();
+</script>
+{% endblock %}

templates/user_form.html

@@ -0,0 +1,93 @@
+{% extends 'base.html' %}
+{% block title %}Your Details{% endblock %}
+{% block content %}
+<div class="row justify-content-center">
+    <div class="col-md-8" style="padding:0;">
+        <form method="post" action="/user/form" novalidate class="needs-validation" style="background:transparent;">
+            <div class="card mb-4" style="border-radius:1.5rem;">
+                <div class="card-header bg-primary text-white">Personal Details</div>
+                <div class="card-body row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label">First Name</label>
+                        <input type="text" class="form-control" name="first_name" value="{{ details.first_name or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Last Name</label>
+                        <input type="text" class="form-control" name="last_name" value="{{ details.last_name or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Email</label>
+                        <input type="email" class="form-control" name="email" value="{{ details.email or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Mobile No</label>
+                        <input type="tel" class="form-control" name="mobile" value="{{ details.mobile or '' }}" required pattern="[0-9]{10}">
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Date of Birth</label>
+                        <input type="date" class="form-control" name="dob" value="{{ details.dob.strftime('%Y-%m-%d') if details.dob else '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Gender</label>
+                        <select class="form-select" name="gender" required>
+                            <option value="">Select</option>
+                            <option value="Male" {% if details.gender=='Male' %}selected{% endif %}>Male</option>
+                            <option value="Female" {% if details.gender=='Female' %}selected{% endif %}>Female</option>
+                            <option value="Other" {% if details.gender=='Other' %}selected{% endif %}>Other</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <div class="card mb-4" style="border-radius:1.5rem;">
+                <div class="card-header bg-success text-white">Educational Information</div>
+                <div class="card-body row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label">Current Semester</label>
+                        <input type="text" class="form-control" name="current_semester" value="{{ details.current_semester or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Class 10th Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="tenth_percentage" value="{{ details.tenth_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Class 12th Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="twelfth_percentage" value="{{ details.twelfth_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Graduation Percentage</label>
+                        <input type="number" step="0.01" min="0" max="100" class="form-control" name="graduation_percentage" value="{{ details.graduation_percentage or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Specialization</label>
+                        <input type="text" class="form-control" name="specialization" value="{{ details.specialization or '' }}" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label">Experience Status</label>
+                        <select class="form-select" name="experience_status" required>
+                            <option value="">Select</option>
+                            <option value="Experienced" {% if details.experience_status=='Experienced' %}selected{% endif %}>Experienced</option>
+                            <option value="Fresher" {% if details.experience_status=='Fresher' %}selected{% endif %}>Fresher</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+            <button type="submit" class="btn btn-primary w-100">{{ 'Update' if details and details.first_name else 'Submit' }}</button>
+        </form>
+    </div>
+</div>
+<script>
+(function () {
+  'use strict';
+  var forms = document.querySelectorAll('.needs-validation');
+  Array.prototype.slice.call(forms).forEach(function (form) {
+    form.addEventListener('submit', function (event) {
+      if (!form.checkValidity()) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      form.classList.add('was-validated');
+    }, false);
+  });
+})();
+</script>
+{% endblock %}