โœ…
Today's Rate
94.7% Present
๐Ÿ“Š
Records
1,240 Entries
๐Ÿซ
Active Classes
10 Sections
๐ŸŽ“ Smart School Management Platform

Manage Attendance
With Precision & Ease

A premium, role-based attendance management system built for modern schools. Empower teachers and administrators with real-time insights.

10+
Class Sections
2
Role Types
100%
Client-Side
โˆž
Records
๐Ÿ‘จโ€๐Ÿซ
Teachers
Role-based access
๐Ÿ‘จโ€๐ŸŽ“
Students
Per-class management
๐Ÿ“‹
Attendance
Daily records & reports
๐Ÿ›ก๏ธ
Secure
Local data privacy

A Complete School Attendance Solution

SAMS (School Attendance Management System) is designed to streamline the daily attendance process for educational institutions. With a clean, intuitive interface and powerful role-based access control, it's the modern way to manage school attendance.

Built entirely on the frontend using vanilla technologies, SAMS requires no backend setup โ€” all data is stored securely in your browser's local storage, making it perfect for demos, small schools, or as a foundation for a full application.

  • Role-based access control (Admin & Teacher)
  • Class-specific data isolation for teachers
  • Real-time attendance marking with status toggling
  • Comprehensive records with filtering
  • Dark mode and responsive design
  • No backend or internet required
Try SAMS Now โ†’

Everything You Need to Manage Attendance

From role-based dashboards to instant record filtering โ€” SAMS packs everything into a clean, fast interface.

๐Ÿ”

Role-Based Access

Separate dashboards for Admin and Teachers. Each role sees only what they need โ€” nothing more, nothing less.

๐Ÿ“Š

Real-Time Analytics

At-a-glance statistics: total students, attendance rates, class-wise breakdowns, and daily summaries.

โœ…

Quick Attendance Marking

Mark students present or absent with a single click. Mark all at once or individually with toggle buttons.

๐Ÿ”

Powerful Filtering

Filter attendance records by class and date. Expand individual records to see each student's status.

๐ŸŒ™

Dark Mode

Easy on the eyes, any time of day. Toggle between light and dark themes with persistent preference.

๐Ÿ“ฑ

Fully Responsive

Works flawlessly on desktop, tablet, and mobile. Collapsible sidebar for small screens.

๐Ÿ’พ

Local Data Storage

All data stored in localStorage โ€” no server required. Perfect for offline use and privacy-first deployment.

๐Ÿ””

Toast Notifications

Elegant toast notifications for every action โ€” saves, errors, warnings โ€” keeping you informed without interrupting your workflow.

How SAMS Works

Simple, intuitive workflow for both administrators and teachers.

1

Admin Setup

Admin logs in, creates teacher accounts, assigns them to classes, and adds students to each class.

2

Teacher Login

Teacher logs in with their credentials and is automatically directed to their assigned class dashboard.

3

Mark Attendance

Teacher selects the date and marks each student as Present or Absent using the intuitive toggle buttons.

4

Save & Review

Attendance is saved instantly. Both admin and teachers can review records with class and date filters.

Two Powerful Roles

๐Ÿ‘จโ€๐Ÿ’ผ

Administrator

Full system access with complete control over teachers, students, and all attendance records.

  • โœ“ Create & manage teacher accounts
  • โœ“ Assign classes to teachers
  • โœ“ Add/remove students per class
  • โœ“ View all attendance records
  • โœ“ Filter by class and date
๐Ÿ‘จโ€๐Ÿซ

Teacher

Focused access to their assigned class only. Simple, distraction-free attendance workflow.

  • โœ“ View assigned class only
  • โœ“ Mark daily attendance
  • โœ“ Add students to class
  • โœ“ View own class records
  • โœ— Cannot access admin panel
The Developer

Built With Passion โค๏ธ

AS
Arif Shekh
Frontend Developer & AI/ML Student
๐ŸŽ“ Diploma in AI & ML โ€” 2nd Year
๐Ÿ›๏ธ Theem College of Engineering
๐Ÿ“ Daskolwa, Uttar Pradesh (Basti)
๐Ÿ’ป Specializing in AI, ML & Web Development

Passionate about building practical software solutions that solve real-world problems. SAMS was built to demonstrate modern web development techniques and role-based system design.