SmartAttend | Attendance Tracker SmartAttend is an intuitive and feature-rich attendance tracking application designed to help students effortlessly monitor and manage their academic attendance. With a clean UI, powerful analytics, and user-centric features, staying on top of your attendance has never been easier. NOTE: 🤖 AI Collaboration: This project was co-developed with AI assistance (Google Gemini). I designed the concept, features, and workflows while Gemini generated base code that I refined, debugged, and customized. ✨ Key Features SmartAttend Pro is packed with features to provide a comprehensive attendance management experience: • 📅 Daily Schedule & Easy Marking: View your daily class schedule and mark your attendance with a single click for Present (P), Absent (A), or Cancelled (C). • 📊 Comprehensive Summaries: o Overall Summary: A visual donut chart on the dashboard shows your aggregate attendance percentage (Present, Absent, Cancelled). o Subject-wise Summary: Get a detailed breakdown of your attendance percentage for each subject, including projections on how your attendance will change if you attend future classes. • 📈 Trend Analysis: A dynamic line graph visualizes your attendance percentage over time, helping you identify patterns and trends in your attendance habits. • 🎨 Personalization & Customization: o Dark Mode: Switch between light and dark themes for comfortable viewing in any lighting condition. o Profile Details: Customize your profile by adding your name, college, batch, and even a profile picture. • 🔄 Data Portability: o Export Data: Back up your complete attendance record as a mobile-friendly text file. o Import Data: Easily restore your attendance data on any device, ensuring you never lose your records. This is perfect for when you switch devices. • 📄 PDF Report Generation: Generate and download a clean, professional PDF summary of your attendance, perfect for official records or personal review. • 🔔 Smart Alerts: Receive "Low Attendance Alerts" on your dashboard, which notify you when your percentage drops and tell you how many consecutive classes you need to attend to recover. • ⚙️ User-Friendly Utilities: o Add Extra Class: Manually add extra classes to your daily schedule as they happen. o Mark as Holiday: Quickly mark any day as a holiday to exclude it from attendance calculations. o Feedback Form: Have a suggestion or found a bug? Use the built-in feedback form to contact the developer directly. o Data Management: A settings option to safely erase all your data and start fresh.
📸 Screenshots https://drive.google.com/drive/folders/154s2dkgGIrnqDUbyT8oQeCWExed-WfqZ?usp=sharing
🎬 Live Demo A complete walkthrough of the application's features can be seen in the video below, from logging in and marking daily attendance to generating reports and importing data. Link: https://drive.google.com/file/d/17NJH2Zn4_2FmMZueLcEstqbbRxU9nKoj/view?usp=drive_link
💻 Tech Stack This application is built using standard web technologies, ensuring accessibility and performance. • Frontend: HTML5, CSS3, JavaScript
🚀 Getting Started To run this application locally, simply open the index.html file in any modern web browser.
- Clone the repository or download the source code.
- Navigate to the project directory.
- Open index.html in your browser.
👨💻 Developed By This project was designed and developed by Waheed Mujtaba. • Follow on Instagram: @zaid_6907_mujtaba • LinkedIn Profile: https://www.linkedin.com/in/gulam-waheed-mujtaba-1187b8381/ • Gmail: gulamwaheedmujtaba@gmail.com • GitHub: https://github.com/Waheed-6907