We should have more information on the page to inform users what this site is for and what they should do to calculate their GPA. Include some text from the wiki page and/or hackathon submission.

Is your feature request related to a problem? Please describe.
Finding final grade calculators on the internet isn't hard, but when it comes to finding calculators that determine how weighted assignments affect your grade, options are scarce.

Describe the solution you'd like
A simple add-on to the gpa calculator we already have, just further expanding our reach as a grade calculator type website.

test

While loading the page(for the first time) you can clearly see that for some seconds the page is just white because all the font color is in white and the image takes time to load.

One way to solve (actually hide) is by adding a Preloader. And that will look great too!

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

the percentage bar extends longer than expected
possible fix: make sure that the unweighted div is the same(in terms of css) as the weighted div to be consistent

The GPA label(i.e. The unweighted GPA: ) should be aligned with the top of the div in stead of the center.
That way users can interact with the app without having to scroll down.

Using Ajax to update the page without refreshing it. Helps user save their entered information and does not require retyping. Could be implemented by adding js scripts in the html template.

Fully implementing the React.js framework on this website.

• Replacing existing jQuery scripts and AJAX with React.js as much as possible.
• Simplify existing HTML with react components.
• Replace GPA add/delete class method

Add new features

• Interactive webpage backgrounds;
• Smooth transitions of components such as adding/deleting GPACal classes or todo list items.