GPA Pal

HomePage 1
HomePage 2
HomePage 3
Modules Page
Module Statistic Page
Profile Page 1
Profile Page 2
Searching Johnson
Visiting Johnson
Results Page

GPA Pal is used to calculate GPA. Not only that, it can also serve as a place for you to save your past results. GPA Pal is easy to use, user friendly, and is a multi-purpose app. You can see a list of modules available, how many credit units they are worth, as well as analyzing how other students are coping with a particular module. Additionally, you can also share your results or set a target plan for your next set of results and feel accomplished.

How we built it

This project was built using Javascript, HTML, CSS, ExpressJS, NodeJS, ReactJS, PostgreSQL database

Challenges we ran into

Wei Lin: Implementing React into our application. My first thought would be: I would have to convert the whole frontend html pages to use React instead, and I do not have much time to learn React from scratch. Then I asked my lecturer some doubts I had regarding React and the project, which had been a relieve. But even after watching many tutorials on YouTube, I still not understand well, not until I looked at the online resources posted on Brightspace. I tried it out myself, paid attention to the clear explanations. After that, I was able to make 1 page using React components. To improve, I challenged myself to create 1 more page using React components using the new knowledge I have acquired, thus clearing out this key challenge.

Matthew: I had trouble with the backend part of the project. I was not fluent in coding for backend, so I was delayed when the group was merging together for the first part of the project, so my team member had to take over for me to code in order to make the project presentable in time. This made me realise that I should work harder on my backend coding in order to not burden my teammates again. In the second part of the project, I attempted to use backend coding to do one part. I was able to do it even though I had to ask for help, but I learnt a bit more about backend coding.

Nicholas: Having to come up with a new feature from scratch. I was given the role to make a planning feature that the user can view, edit and fulfill on the home page and profile page. I had to learn how to ensure that the plan updates every time the user fulfills a plan. I also did not know where my code went wrong. I managed to resolve this trouble by asking for help from my teammates and also adding console.log and breakpoints where I felt the code went wrong.

Jia Shun: I was tasked to revamp the whole navbar and the profile page , I was stuck everywhere as I did not understand what are flexboxes and bootstrap , I even forget the difference between @ and . . Need to relearn the frontend as I forget what I was taught which is time consuming.