Grade Calculator icon

Grade Calculator

by luis183719273z

v1.0 Updated May 10, 2025 266KiB
CWS
11
Users
★ 5.00
1 reviews
#17482
of 34.7K
education
#450 of 924

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. ⚡ 📱
Grade Calculator screenshot 1Grade Calculator screenshot 2

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