Smart AI Attendance System

A full-stack AI-powered attendance management system with facial recognition, modern glassmorphism UI, and Gemini AI insights.

Features

• AI Face Recognition: Automated attendance using face-api.js.
• AI Insights: Data summaries and trends generated by Google Gemini API.
• Glassmorphism UI: Beautiful, responsive dashboard with smooth animations.
• Student & Class Management: Full CRUD with biometric registration.
• Reports: Filterable history with CSV export.

Tech Stack

• Frontend: React, Tailwind CSS, Framer Motion, Lucide Icons, Chart.js.
• Backend: Node.js, Express, MongoDB, Mongoose, JWT.
• AI: face-api.js, Google Gemini Pro.

Setup Instructions

1. Backend Setup

1. Navigate to server/
2. Create a .env file based on .env.example.
3. Provide your MONGO_URI, JWT_SECRET, and GEMINI_API_KEY.
4. Run npm install.
5. Start server: npm run dev.

2. Frontend Setup

1. Navigate to client/
2. Run npm install.
3. Run powershell -File download_models.ps1 (if models are not in public/models).
4. Start dev server: npm run dev.

Project Structure

• server/: Express API, Models, Controllers.
• client/: React App, Face-api models, UI Components.
• client/public/models/: Pre-trained AI models for facial recognition.

Built With

• css
• html
• javascript
• powershell