Course Manager

The course manager is used to calculate the percentage of multiple courses you are currently taking. It gives you the percentage required to get a certain GPA in a course.

Major Components


Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

It is used to store courses and their associated grades.


The following script is used to get the grade that you'll need to get a desired score.

calculateGradeData(courseData, desiredScore) {
      let currentWeight = 0
      let percentScored = 0
      courseData.assessments.forEach(assessment => {
        const grade = parseInt(assessment.grade)
        const weight = parseInt(assessment.weight)
        currentWeight += weight
        percentScored += (grade / 100) * weight
      // Overall Percentages
      const percentLeft = 100 - currentWeight
      // const percentLost = currentWeight - percentScored
      const scoreRequired = (
        (desiredScore - percentScored) *
        (100 / percentLeft)
      const returnPayload = {
        requiredScore: scoreRequired,
        percentScored: percentScored.toFixed(2),
        percentLeft: percentLeft,
      return returnPayload

Vuex Persist

We use the vuex persist library to store your current session by using cookies and the local storage. (i.e. When you visit the website again, you'll be able to view all your previous course entries from your last session.)