How I Struggled with Attendance and Built Attendex – A Self-Attendance App 🚀
The Problem: The Attendance Struggle 😓
As a student, keeping track of attendance was a nightmare. Universities provide attendance tracking systems, but let’s be honest – they are often slow, outdated, and inconvenient. I found myself repeatedly asking:
Did I attend today’s class?
How many more can I skip before I’m in trouble?
Can I get a better way to manage this?
I realized I wasn’t alone. Many of my friends faced the same issue, relying on rough estimates and makeshift spreadsheets to track attendance. That’s when I decided to build my own solution – Attendex. 💡
Meet Attendex: A Self-Attendance Tracking App 📅✅
Attendex is a local-first, self-attendance tracking app that helps students, professionals, and even fitness enthusiasts track attendance for various activities effortlessly. Whether it’s for classes, gym sessions, coding streaks, or daily habits, Attendex provides an intuitive way to monitor progress.
🛠 Features of Attendex
✅ Color-Coded Calendar View – Green for present, Red for absent, and Yellow for special cases (Duty Leave, Sick Leave, etc.)
✅ Fast & Simple Marking – One tap to mark attendance. No clutter, no hassle.
✅ Offline-First – No internet? No problem! Everything is stored locally.
✅ Dark Mode Support – Perfect for night owls!
✅ Attendance Stats & Insights – Instantly see your overall attendance percentage.
How I Built Attendex 🏗️
🏗 Tech Stack
I wanted to make Attendex fast, lightweight, and local-first. Here’s what I used:
React Native (Expo) – For cross-platform mobile development 📱
AsyncStorage – To store attendance data locally 🔄
ShadCN + Tailwind – For a clean and modern UI ⚡
🚀 The Development Journey
Building Attendex wasn’t just about writing code. I had to identify the best UX approach to make it feel seamless.
Calendar View: The biggest challenge was implementing a dynamic calendar that highlights attendance data in an intuitive way. After trying multiple libraries, I built a custom solution that efficiently renders attendance states without lag.
Offline-First Design: I wanted the app to work even without an internet connection. Using AsyncStorage, I ensured that data is stored locally, syncing with cloud storage in future updates.
Dark Mode UI: Because dark mode is a must-have, I made sure the app transitions smoothly between light and dark themes.
📥 Available Now on Google Play!
After rigorous testing and feedback from fellow students, I released Attendex on the Google Play Store. Now, anyone can use it to track their attendance effortlessly.
🚀 Future Plans
I’m already working on new features to make Attendex even better:
🔹 Cloud Syncing – So you never lose your attendance data.
🔹 Google Calendar Integration – Sync class schedules for auto-reminders.
🔹 Attendance Insights & Graphs – Get detailed analytics on attendance trends.
Final Thoughts 💡
Sometimes, the best ideas come from personal frustrations. Attendex was born out of a simple problem, and now it’s helping many others like me stay organized.
🚀 If you’re a student, gym-goer, or just someone who wants to track daily activities, Attendex is for you!
🔗 Check out my projects and blogs: devanshbhagania.me
🐦 Follow me on Twitter for more updates! @devxcodex
Made with ❤️ by Devansh Bhagania