Media
3 items
Description
A tool to calculate and manage course grades with theme toggling and visual feedback. 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. ⚡ 📱