MSEC Academics is a sleek, responsive GPA & CGPA dashboard built for students of Mohamed Sathak Engineering College following Anna University Regulation 2024. Pick your department and semester, and the app pre-fills your actual course list with codes and credits — just enter grades and watch the GPA update live.
It supports both the Anna University 10-point scale and the US 4.0 scale, tracks your CGPA across every saved semester, and keeps everything in your browser — no account, no server, no data leaves your device.
- Pre-filled course table from the built-in course database (code, name, credits)
- Add/remove custom courses on the fly
- Real-time GPA as you type, with total credits and graded-course count
- Add each semester's GPA + credits to build your cumulative picture
- CGPA, total credits, class/status badge and semester history
- Save & restore semesters — state persists in
localStorage
- Guided intro: department → semester → year → grading scale
- Preset-aware UI showing the current department/scale at all times
- Visual grade distribution bars for the current semester
- Target GPA helper to see what's needed
- Grade-range reference modal (O = 90+, A+ = 80–89, …) for quick lookup
- Fully responsive, mobile-first layout
- Toast notifications, confirmation modals, smooth tab switching
- Custom error states and input validation (no NaN GPAs)
| Scale | Map |
|---|---|
| AU (Anna University, 10-point) | O = 10 · A+ = 9 · A = 8 · B+ = 7 · B = 6 · C = 5 · U/SA/WD = 0 |
| US (4.0 scale) | A+/A = 4.0 · A− = 3.7 · B+ = 3.3 · B = 3.0 · B− = 2.7 · C+ = 2.3 · C = 2.0 · C− = 1.7 · D = 1.0 · F = 0.0 |
GPA = Σ(grade point × credits) ÷ Σ(credits) · CGPA = Σ(semester GPA × semester credits) ÷ Σ(semester credits)
courses_db.js ships 510 courses from the Anna University Regulation 2024
curriculum across 7 departments, each with its official code and credit value:
| Dept | Department |
|---|---|
| CSE | Computer Science & Engineering |
| IT | Information Technology |
| ECE | Electronics & Communication Engineering |
| EEE | Electrical & Electronics Engineering |
| CIVIL | Civil Engineering |
| MECH | Mechanical Engineering |
| AIDS | Artificial Intelligence & Data Science |
- HTML5 + CSS3 + vanilla JavaScript — no frameworks, no build step, no
npm install - Custom stylesheet with utility-first classes; Google Fonts
localStoragepersistence (msec_academics_state_v1)- Vercel config included (clean URLs + SPA rewrite)
git clone https://github.com/princekumar-dev/GPA---Calculator-.git
cd GPA---Calculator-Option 1 — just open it
open index.html # or double-click the file
Option 2 — static server
npx serve . # or: python -m http.server
# open http://localhost:3000Option 3 — deploy
Push to Vercel (the included vercel.json handles routing), Netlify, GitHub
Pages, or any static host.
GPA---Calculator-/
├── index.html # Single-page app markup (GPA + CGPA views)
├── styles.css # Full design system (utility-first classes)
├── script.js # App logic: state, GPA/CGPA math, UI, persistence
├── courses_db.js # Anna University Reg-2024 course database (510 courses, 7 depts)
├── vercel.json # Vercel routing (clean URLs + SPA rewrite)
├── assets/ # Favicons, PWA icon set, manifest, service worker
└── LICENSE # MIT
- Choose department, semester, year and grading scale in the intro setup
- The course table auto-fills from
courses_db.js— enter a grade per course - GPA recalculates instantly; grade-distribution bars update as you go
- Save the semester, then repeat — the CGPA tab builds your cumulative record
- Everything is stored locally in your browser
Issues and pull requests are welcome — especially additional departments, regulations, or scale presets.
MIT © 2025 princekumar-dev — see LICENSE.
Prince Kumar — @princekumar-dev
Built for the MSEC community — Chennai, Tamil Nadu, India.