Exclusively crafted for MITS students by the Department of Data Science
MITS Attendance Tracker is a smart browser extension designed exclusively for MITS students! 🏫 Say goodbye to manual attendance — access quick, easy-to-understand reports that help you stay on top of your studies.
Developed with care by the Data Science Department, this tool empowers over 2,500 MITS students to view their attendance in real time, predict trends, and plan for improvement — all within a simple and professional app!
"No more manual attendance calculations — get instant, intelligent insights that transform how you track your academic progress."
Experience the sleek and intuitive interface crafted for seamless attendance tracking.
 |
 |
 |
|---|---|---|
| Dashboard View | Attendance Analytics with Bar Chart | Attendance Analytics with Pie Chart |
 |
 |
 |
|---|---|---|
| Recovery Planning | One-Click CSV Export | View Analytics Button |
| Feature | Description |
|---|---|
| 📊 Smart Analytics Engine | |
| Real-time Calculation | Instantly shows attendance percentage as data is fetched |
| Subject-wise Breakdown | Gives a detailed view for each subject's attendance |
| AI-Powered Trend Analysis | Predicts future attendance trends with smart algorithms |
| Critical Alerts | Notifies students when attendance falls below 65% |
| Predictive Recovery Planning | Suggests optimal class attendance plan to improve stats |
| 🎨 Premium User Experience | |
| Theme Persistence | Supports Dark/Light modes that remember your preference |
| Responsive Design | Works flawlessly across mobiles, tablets, and desktops |
| Smooth UI Animations | Enhances user interaction with clean transitions and effects |
| Interactive Visuals | Uses dynamic charts for easy data interpretation |
| One-click CSV Export | Allows users to export attendance reports instantly |
| Technology / Concept | Description |
|---|---|
| 🧩 JavaScript (ES6+) | Core scripting language for building logic and interactivity |
| 🎨 CSS3 (Flexbox & Grid) | Responsive, modern layout and styling system |
| 🧱 Zero-dependency Design | Lightweight architecture with no external libraries |
| ⚡ Optimized DOM Handling | Performance-tuned for minimal reflows and repaints |
| 💾 Local Storage | Stores attendance data securely in browser memory |
| 📊 Custom SVG Graphics | Visualizes analytics through handcrafted scalable vector visuals |
| 🧾 manifest.json | Defines Chrome Extension metadata, permissions, and background scripts |
graph LR
A[MITS Portal] --> B[Data Extraction]
B --> C[Smart Calculations]
C --> D[Visual Analytics]
D --> E[Insights & Recommendations]
E --> F[User Dashboard]
`Percentage = (Total Classes Attended / Total Classes Conducted) × 100`
`Recovery Needed = Math.ceil((0.75 × Total Classes - Attended Classes) / 0.25)`
`Status = Percentage ≥ 75 ? "Safe" : "Needs Improvement"`
|
Instant attendance percentage calculation with subject-wise breakdown and trend analysis |
Smart algorithm calculates exact classes needed to reach 75% attendance threshold |
Interactive charts, progress rings, and data visualizations for better understanding |
| Benefit | What You Get |
|---|---|
| ⏰ Time-Saving | No more manual calculations — check your attendance instantly with a single click |
| 🎯 Goal Tracking | Clear progress tracking towards the crucial 75% attendance benchmark |
| 📊 Data-Driven | Instant feedback on your current attendance percentage to make smart decisions |
| 🔄 Recovery Planning | Personalized guidance on how many classes to attend to get back on track |
| 🚫 Error-Free | Zero manual errors — enjoy 100% accurate and reliable attendance tracking |
| ⚡ Stress-Free | Simplified, anxiety-free attendance management for every student |
Get started in under a minute — no coding required!
Launch Extension in Chromium Browsers
- 🔽 Clone or Download this repository to your computer
- 🧭 Open your browser and head to
chrome://extensions/ - 🛠️ Toggle on Developer Mode (top-right switch)
- 📂 Click Load Unpacked and choose the folder you just downloaded
- 🎉 You’re all set! The extension icon will appear next to your address bar
Temporary Load in Firefox for Testing
- 🔽 Download the extension code from this repo
- 🌐 Go to
about:debuggingin your Firefox browser - 🔍 Choose This Firefox → click Load Temporary Add-on
- 📄 Select the
manifest.jsonfile from the extension folder - ✅ Extension is now live for your current session
🔒 Note: Firefox only supports temporary extensions in development mode. For persistent use, submit to Mozilla Add-ons.
We’re excited to have the MITS community help make this project better! 🎉🚀
- 🐞 Report Bugs: Spot a problem? Let us know!
- 💡 Suggest Features: Got ideas to improve the app? Share them!
- 🛠️ Code Improvements: Submit your code updates or fixes.
- 📖 Improve Docs: Help us make guides clearer and easier to follow.
Every bit counts. Ready to make an impact? Let’s go! 💪
❓ Is this extension safe to use?
Absolutely! The extension only reads publicly available data from your MITS portal and operates entirely within your browser. No personal data is stored externally or transmitted to third parties.
❓ Will this work on mobile browsers?
The interface is fully responsive and mobile-optimized. However, browser extension support varies by mobile browser platform.
❓ How is my data protected?
Your data never leaves your browser. All calculations and storage happen locally on your device for maximum privacy and security.
"Helping every MITS student easily track and improve their attendance to achieve academic success with smart, easy-to-use tools."
Web Developer | Department of Data Science | MITS
Passionate about leveraging technology to enhance student experiences
❤️ Thanks for visiting! Your support means a lot. Keep shining and stay curious!
⭐ If you find this repo helpful, please give it a star!