DEV Community

Cover image for How I Built a Real-Time CGPA Calculator using JavaScript and Firebase
Christian Akabueze
Christian Akabueze

Posted on

How I Built a Real-Time CGPA Calculator using JavaScript and Firebase

Solving the Student Grading Headache 🎓

As a Software Engineering student, I realized that tracking specific grades and calculating CGPA across different semesters was a hassle. Spreadsheets are boring, and manual calculation is prone to errors.

So, I built AcademiaTrack— a web-based solution to solve

🛠️ The Tech Stack
I wanted the app to be fast, responsive, and persistent (so data isn't lost on refresh).
• Frontend: HTML5, CSS3, JavaScript
• Styling: Tailwind CSS (for that modern, clean UI)
• Backend/Database: Firebase (to store user scores securely)

🚀 Key Features

  1. Real-time Calculation: The logic updates your CGPA instantly as you input grades.
  2. Data Persistence: Thanks to Firebase, students can log out and come back to their saved data.
  3. Responsive Design: It works perfectly on mobile phones, which is where most students check their results.

đź’» The Code
One of the biggest challenges was handling the weighting system for different courses. I used JavaScript array methods to map through the input fields and calculate the weighted average dynamically.

Connect with Me
I am Christian Akabueze, a Frontend Developer passionate about building tools that solve real problems.
• Check out the live project: https://academiatrack.vercel.app/
• View my full Portfolio: https://devchristian.vercel.app/
• Let's connect on LinkedIn:
http://linkedin.com/in/christian-akabueze-bb2b46391

Top comments (0)