NUSGrad

Filling in Degree Details
Planner for Future Semesters
Landing Page
Overview of Graduation Requirements

Inspiration

As current NUS undergraduates, there is not really a place for us to keep track of what courses we have taken, and what are the future mods we plan to take. Most of us would always turn to using Excel, or some form of pre-loaded Excel sheets done by ex-students. While we can access EduRec to view the Graduation Audit Report, we found that it was not very intuitive and user-friendly, and sometimes, it will close near to the exams release dates. Hence, our team decided to create a user-friendly GUI for students to be able to keep track of their degree progress, wherever and whenever they want.

What it does

Our project has 2 components, firstly, we have the progress tracker for our degree. This would be broken down to all the smaller requirements that we have to fulfill in the degree, and always showing the compulsory courses as well as those courses that we can have a choice on. Secondly, we have a planner, where users can plan out their mods in advance so as to meet their graduation requirements.

How we built it

We build the website mainly on NextJS for the frontend and MySQL database for the backend. We also make use of localstorage to ensure users will not lose their tracker when they exit the page.

Challenges we ran into

While we wanted to make it more fluid and visually appealing, we ended up not having much time to boost the appealingness of our website as NextJS app router was a little confusing at times, and we had to spend some time to debug our code.

Accomplishments that we're proud of

We are very proud that we have achieved our target in creating a website that we can actually use to keep track of our degrees' progress. '

What we learned

We learnt that time management is very important, and ideating before actually implementing helps to save a lot of time as we know exactly what to do. Furthermore, I believe that in this 24 hour hackathon, we have further improve our web development skills, such as using localstorage.