GradeCamp

home page
calculations for an example class
light mode

Inspiration

As university students enrolled in rigorous courses, we frequently want to stay updated with our academic standing in our classes. Many grade calculators found online are bland and do not allow students to categorize their grades and weight by class. Additionally, grade calculator websites are frequently cluttered with unnecessary information and ads, which fosters a more complicated user experience. We wanted to create a grade calculator that is easy to use, organized, and straight to the point for us and other students to use to keep up with and predict our academic standing.

What it does

GradeCamp is a grade calculator that allows students to input specific assessments and their scores compared to the assignment's weight in the course to calculate its impact on the student's final grade. Users are able to enter the name of a class into GameCamp and input assessments under that class category with each assignment's grade and its weight in the course. Multiple assessments can be inputted under each class category, and once grade and weight percentages are added, users can select "Calculate Final Grade" to see how either current or potential grades will impact their final score in the course.

How we built it

We used HTML, JavaScript, and CSS to develop the front end of our website.

Challenges we ran into

Our group is comprised of coders of various experience levels, making the process of creating our website initially difficult. Some of our group members not knowing the specifics of certain coding languages made communication and the facilitation of our project complicated. Additionally, we ran into some issues configuring the UI and web design of our grade calculator, which made it difficult to achieve the aesthetic we wanted for our project. However, through communication and trail and error we were able to overcome these challenges.

Accomplishments that we're proud of

We are proud to have created a grade calculator that is easy to use inspired by student needs and accessibility. GradeCamp is direct with its user experience which was an essential goal in our creative process. Our website is also visually aesthetic, making the user experience both smooth and pleasing with a cute and comforting camping-based theme. With such visuals accompanying the grade calculator, users are indirectly encouraged to have a more chill and serene piece of mind while doing something stressful like predicting their grade using our website. Our group is happy GradeCamp turned out to be an accessible resource for grade prediction accompanied by nice aesthetics to adhere to student wants and needs when forecasting academic standings.

What we learned

Through the process of creating GradeCamp, we learned how to use communication in our groups to effectively troubleshoot all of our members different creative visions in a way that worked for us. Our group also gained more experience working with IntelliJ, which is something some of our group members did not use in their personal projects previous to this project. Lastly, we learned the importance of focusing on the perspective of the anticipated user, making our website more meaningful and effective.

What's next for GradeCamp

In the future, we hope to develop GradeCamp to allow users to login and save their class, assessment, and grade calculations using a back-end. Additionally, we hope to add a grade goal setting feature to better help students anticipate their grades and work to achieve them. We also want to implement an ai wrapper to allow users to upload documents like syllabi with given grade weights for specific classes so they would not have to manually type it out themselves.