GPA Calculator
A single page tool where a student enters quiz, midterm and final scores and sees the average right away. A personal project: I designed it and wrote it.
- Personal project
- HTML
- CSS
- JavaScript
- TypeScript
- React
- Next.js
- 2025
- It works without an account and no grade leaves the browser; the static build sits on GitHub Pages and the source is public.
What I did
I built the calculator with HTML, CSS, JavaScript, TypeScript, React and Next.js, exported a static bundle, and published it on GitHub Pages. No backend, no accounts, no storage beyond the browser.
Why it was built this way
The problem was small and the audience was students who wanted an answer in ten seconds. Anything that asked for a sign up would have been slower than the spreadsheet it replaced, so the constraint was to keep it to one page that works on a phone in a corridor between classes.
What I learned
Small tools survive on how quickly they explain themselves. Most of the effort went into the input layout and into what the page shows before you have typed anything, which is a different skill from the one a larger project exercises.
Share
The card this page shows when its link is shared.
Is a system like this on your list?
Say what it has to do and when you need it. We can set the first step from there.