A simple and user-friendly CGPA Calculator built with HTML, CSS (Tailwind), and JavaScript.
This tool allows students of IUBAT (International University of Business Agriculture and Technology) to easily calculate their CGPA following the official grading system.
- ✅ Add multiple courses with credit hours and grades
- ✅ Automatic GPA & CGPA calculation
- ✅ Responsive and clean UI
- ✅ Lightweight (no backend required)
- ✅ Developed with Tailwind CSS & Vanilla JavaScript
- HTML5 – Structure of the app
- Tailwind CSS – Styling & layout
- JavaScript (ES6) – Logic for GPA/CGPA calculation
- Enter your course name, credit hours, and grade.
- Click Add Course to include multiple subjects.
- The calculator will automatically update GPA and CGPA.
The calculator uses IUBAT’s official grading scale:
| Grade | Grade Point |
|---|---|
| A+ | 4.00 |
| A | 3.75 |
| A- | 3.50 |
| B+ | 3.25 |
| B | 3.00 |
| B- | 2.75 |
| C+ | 2.50 |
| C | 2.25 |
| D | 2.00 |
| F | 0.00 |
│── CGPA-Calculator/ │ │── index.html # Main HTML page │ │── style.css # Tailwind / custom styles │ │── script.js # JavaScript logic │ │── image/ │ │ └── gpa-calculator.png # Screenshot/logo │ │── README.md # Documentation │ │── LICENSE # MIT License
- Clone the repository
git clone https://github.com/addin-alt/IUBAT-Grading.git
cd IUBAT-Grading/CGPA-Calculator