Grade Calculator

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. ⚡ 📱