School Attendance Tracker

• 

  Dashboard

• 

  Login / Signup

• 

  Student

• 

• 

• 

• 

• 

• 

Inspiration:

Administrative tasks like attendance shouldn't require fighting with complex, visually cluttered software. There is a critical need in the educational space for tools that prioritise both data security and a highly responsive, distraction-free user experience. The goal was to build a system that respects an educator's time while rigorously protecting student and staff records.

What it does:

School Attendance Tracker handles the complete lifecycle of attendance logging and reporting.

Role-Based Access: It strictly controls data access through Admin, Teacher, and Staff roles.

Streamlined Logging: Users can mark individual attendance using status-specific colour coding or utilise bulk actions to mark entire classes at once.

Data Insights: It automatically generates real-time dashboard summaries and comprehensive reports that can be exported to CSV.

How we built it:

MeDo AI Development Platform: Frontend: We utilised React 18 with TypeScript and Tailwind CSS to create a professional, minimal aesthetic that avoids decorative gradients or shadows to reduce cognitive load. It follows a desktop-first responsive design strategy.

Backend: The application runs on Supabase, utilising PostgreSQL and secure session management.

Security: To ensure the highest level of data integrity, we implemented Row Level Security (RLS) policies across all core tables to enforce role-based data access at the database level.

Challenges we ran into:

There was no challenge really apart from the fact that there is a limitation to the number of tasks that an AI can do per time, so testing all the pages to see where all the features are working well.

Accomplishments that we're proud of:

I could build a complete full-stack app in a matter of minutes using prompts with natural language.

What we learned

AI makes web app development easy with 20x production speed

What's next for School Attendance Tracker

Future enhancements will focus on expanding communication and integration, including automated SMS/email notifications for absences, a dedicated parent portal, and biometric attendance integration.

Administrative login:

Email: admin@school.com Password: Admin@123

Built With

• medo