CGPATrack is a modern web application built to help students easily input, track, and calculate their semester GPA and cumulative CGPA, with automatic grade conversion, credit tracking, and performance summaries.
📊 Designed to simplify academic record-keeping for students and offer clear insights into their academic progress.
- 📥 Add unlimited semesters and courses
- 🧮 Auto-calculate Semester GPA & CGPA
- 🔁 Grade-to-GPA conversion (customizable scale)
- 📈 CGPA tracking across semesters
- 🏁 Total credits completed
- 🗂 Downloadable CGPA report (planned)
- 🌗 Dark/Light mode toggle (planned)
- 📊 GPA trend chart using Chart.js
- 🧠 Clean, user-friendly UI with responsive design
- Frontend Framework: React with TypeScript
- UI Components: shadcn/ui (built on Radix UI)
- Styling: Tailwind CSS
- Routing: React Router
- State Management: React Context API
- Data Storage: Local Storage (browser)
- Build Tool: Vite
- Package Manager: npm/bun
- Notifications: Sonner toast library
- Data Fetching: TanStack React Query
- Utilities: UUID for generating unique ID
- Input semester → Add courses with credit hours and grades
- Auto-calculation → App converts grades to GPA and computes semester average
- CGPA tracking → CGPATrack keeps a running CGPA and total credits
- Visualization → Optional chart view shows GPA trends semester by semester
- 📤 Export CGPA & attendance summary as PDF
- ☁️ Firebase login system to save data across devices
- 📊 GPA prediction calculator: “What do I need next semester to reach X CGPA?”
- 📱 Mobile-first UI improvements
- 📁 Export semester data to Excel/CSV
Will include dashboard preview, GPA chart, and CGPA summary panel.
This project is open-source and free to use for educational purposes.
Feel free to fork, contribute, or customize for your institution!
Abid Shahriar
📫 abidshahriarofficial@gmail.com
🌐 shahriardev.netlify.app
“Build tools that make students’ lives easier — not harder.”