Grade Manager

Grade Manager allows you to manage your grades in all of your classes as the semester progresses. Calculate your current grades, or calculate if it's still even possible to earn that "A." Comeback anytime to update your grades.

Languages used: Javascript, HTML, CSS
Other Tools: GIT, GitHub
Period: June 2019 - July 2019

Inspiration:

As a transfer student going into my first semester at Georgia Tech, I always heard classes were going to be more difficult overall. While I was still pleased with my performance, the semester would've been less stressful if I knew exactly how much a certain quiz/test was impacting my grade. At the time, I also just started teaching myself JavaScript, so why not kill two birds with one stone?

The Process:

I simply wanted to first have the application work. The user inputs grades, and out spits a grade.

With the basic functions down, I focused on improving the user experience. Having to manually set each grade before calculating was annoying aswell as having to type a negative value instead of leaving it blank for grades you don't have.

The idea of having multiple classes came up, and it seemed like a wonderful idea. Since I didn't initially plan for it, I had to restructure most of my code to implement this feature.

With all the functions properly working, it was now time to start planning how I wanted the UI to look. I initially started planning with the desktop view for no particular reason.

I implemented the design with a responsive grid.

While the project was starting to look pretty neat on the desktop, it looked horrible on my mobile device. While it did scale, all of the information was now bunched up and hard to read. It was a complete mess. I had to plan a UI with mobile in mind.

From there on, I made various improvements to the UI and added a notes section.