BunkApp
Smart attendance calculator for students with real-time percentage tracking, bunk prediction, and threshold-based risk feedback.
Timeline
2 Weeks
Role
Frontend Developer
Team
Open Source Collaboration
Status
CompletedTechnology Stack
Key Challenges
- Making attendance calculations accurate across edge cases like zero totals and strict criteria
- Designing output states that clearly communicate safe, warning, and danger zones
- Keeping input flow quick on mobile while preserving immediate feedback
- Maintaining confidence in calculation utilities through broad test coverage
Key Learnings
- How to model practical percentage-based prediction formulas for real student workflows
- Building polished yet lightweight UI interactions with Tailwind and motion
- Structuring reusable form and results components in Next.js App Router
- Using tests to lock critical math behavior before UI iterations
BunkApp: Smart Attendance Planning for Students
Overview
BunkApp is a student-focused attendance calculator that helps users quickly understand their current attendance status and make better class planning decisions.
By entering total lectures, attended lectures, and a target attendance percentage, users instantly get actionable guidance on whether they can skip classes safely or need to attend more sessions.
Core Features
- Real-time attendance percentage calculation
- Prediction of how many classes can be skipped while staying above criteria
- Required-attendance warning for low-percentage scenarios
- Local persistence so values are restored on return visits
- Mobile-friendly interface with light/dark mode support
Technical Stack
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- UI System: shadcn/ui + Radix primitives
- Motion: Framer Motion
- Theming: next-themes
Engineering Notes
Reliable Calculation Utilities
The app uses formula-driven helpers for both "can bunk" and "must attend" outcomes. These utilities are validated with unit tests so core results remain stable during feature updates.
UX Focused on Decision Clarity
Rather than just showing raw numbers, the interface emphasizes clear outcome messaging so students can interpret risk quickly and act with confidence.
Responsive by Default
Input and results components are designed for fast use on both desktop and mobile devices, making the app practical in real campus usage.
Outcome
BunkApp demonstrates how a focused utility product can deliver immediate value through a strong blend of product clarity, reliable logic, and clean frontend execution.