THAPARIANGPA-TOOL

• 

  the frontal view..try my site to see more views

Inspiration

As a student at the Thapar Institute of Engineering & Technology, accurately calculating CGPA, SGPA, and attendance is a recurring need every semester. Existing tools were either confusing or not aligned with the campus grading system, which inspired me to build a simple and reliable solution for students.

What it does

THAPARIANGPA-TOOL helps students calculate their CGPA, SGPA, and attendance based on their branch-specific grading structure. It also provides GPA conversion support and a clean interface to help you quickly understand your academic standing.

How I built it

The project is built as a frontend-only web application using React and Vite, with Tailwind CSS for styling. The logic for GPA and attendance calculation is implemented directly on the client side, ensuring fast performance without requiring a backend.

Challenges I ran into

One of the main challenges was handling different grading structures across branches while keeping the interface simple and responsive. Ensuring accuracy in calculations while maintaining a clean user experience required multiple iterations.

What I learned

Through this project, I strengthened my understanding of React component design, state management, and responsive UI development. I also learned how to translate a real campus problem into a practical, usable tool.

Built With

• javascript
• react
• tailwind
• vite