Description
I got tired of constantly switching tabs to calculate my grades, so I decided to make a Chrome extension to simplify things. I built a Grade Calculator that lets me add courses, input weights and grades for assignments, and see my current mark, final exam worth, and what I need to score for target grades (like 90%). It even saves my data when I close the popup, which is a huge help. 🕟 🧑💻
What I Used:
HTML & CSS: For the popup’s structure and styling, including a light/dark mode toggle.
JavaScript: Handled the logic, DOM manipulation, and event handling to make it interactive. ⚡
Chrome Storage API: Used to save course data persistently.
Chart.js: Added a basic chart for course weights (still a work in progress).
LocalStorage: A fallback for testing outside the extension.
What I Learned:
I came from a C background, so JavaScript was new territory. I picked up DOM manipulation (creating and updating elements), event handling (like clicks and input changes), and working with asynchronous APIs (like Chrome Storage). I also learned about Chrome extension setup—manifest files, permissions, and debugging in the browser. It was a great way to organize my code and improve my skills. ⚡ 📱
Reviews
Loading reviews...
Permissions (1)
Permissions
storageℹ Can store data locally in your browser
Details
| Version | 1.0 |
| Updated | May 10, 2025 |
| Size | 266KiB |
| First Seen | Mar 22, 2026 |
Popular in education
Kami for Google Chrome™
by Kami
17M
★ 4.56
education
17M
★ 4.56
education
Language Reactor
by Dioco
2M
★ 4.20
education
2M
★ 4.20
education
xFanatical Safe Doc
by xFanatical
700K
★ 1.46
education
700K
★ 1.46
education
GPTZero: AI Detection & Writing Replay
by chrome-extension-publisher
400K
★ 4.57
education
400K
★ 4.57
education
You Shall Not Pass by Jim Tyler
by JamesTyler
400K
★ 1.44
education
400K
★ 1.44
education
Popular Extensions
Adobe Acrobat: PDF edit, convert, sign tools
by Adobe Inc.
330M
★ 4.40
workflow
330M
★ 4.40
workflow
Chrome Remote Desktop
by Chrome Remote Desktop Release Managers
38M
★ 3.14
workflow
38M
★ 3.14
workflow
Cisco Webex Extension
by cisco.chromestore
24M
★ 2.34
social
24M
★ 2.34
social
Kami for Google Chrome™
by Kami
17M
★ 4.56
education
17M
★ 4.56
education
Read&Write for Google Chrome™
by Texthelp
17M
★ 3.44
accessibility
17M
★ 3.44
accessibility