🌐 AI Attendance System – Landing Website

---

📌 Overview

This project contains the official landing website for the AI Attendance System.

The landing page introduces the platform, showcases the system features, and demonstrates how the AI-powered attendance system works using face recognition and voice biometrics.

The site is built using Flask with static HTML/CSS/JS assets and is designed for easy deployment.

---

🎯 Objectives

The landing website provides:

• Introduction to the AI Attendance System
• Demonstration of system features
• Visual walkthrough of teacher and student workflows
• Screenshots of the main application
• Project documentation and showcase

---

🏗️ Project Structure

ai-attendance-project-landing-main
│
├── static
│   ├── css
│   │   └── style.css
│   ├── fonts
│   │   └── chison.ttf
│   ├── img
│   │   └── demo screenshots
│   └── js
│       └── script.js
│
├── templates
│   └── index.html
│
├── app.py
├── requirements.txt
└── vercel.json

---

🖥️ Technology Stack

Technology	Purpose
Flask	Lightweight Python web server
HTML	Website structure
CSS	Styling and layout
JavaScript	Client-side interactions
Vercel	Deployment platform

---

⚙️ Installation

Clone the repository:

git clone https://github.com/yourusername/ai-attendance-system.git

Navigate to the landing project:

cd ai-attendance-project-landing-main

Install dependencies:

pip install -r requirements.txt

---

▶️ Running the Application

Start the Flask server:

flask run

Access the landing page at:

http://localhost:5000

---

☁️ Deployment

This project is configured for Vercel deployment.

Deployment architecture:

Flask App
   │
   ▼
Vercel Serverless Runtime

Steps:

1. Push project to GitHub
2. Connect repository to Vercel
3. Deploy automatically

---

📷 Demo Screens

The landing site displays demo screenshots for:

• Teacher Dashboard
• Student Dashboard
• Course Creation
• Face Attendance
• Voice Attendance
• QR Enrollment

All demo assets are located in:

static/img/demo

Will update demo soon...

---

🚀 Future Improvements

• Add animated demo videos
• Add interactive product walkthrough
• Add system architecture diagrams
• Add AI model explanation section

---

👨‍💻 Author

Satinder Singh Sall AI / ML Full-Stack Web & Mobile Engineer

Developed as part of the AI Projects Module

---

📜 License

This project is licensed under the MIT License.

---