cs-course-planner

• 

  Landing page of the web application.

Inspiration

As SFU students, we found it inconvenient to check our academic progress through goSFU’s interface. We wanted a simpler, more accessible way to understand which courses we’ve completed and what we’re currently taking without needing to navigate directly through the official academic progress page.

What it does

cs-course-planner is a web app that helps students track their academic progress. It allows users to view the courses they have already taken as well as the ones they are currently enrolled in, all in one place.

How we built it

We built the application using React for the front end. The project fetches course-related data from an API and displays it in a structured, easy-to-understand format.

Challenges we ran into

One of our biggest challenges was starting development without a clearly communicated design. This led to issues in our first two iterations and cost us valuable time. Through this experience, we learned the importance of aligning on design and requirements early, which will help us work more efficiently in future hackathons.

Accomplishments that we're proud of

We’re proud that this project served as a hands-on way for us to teach each other React fundamentals. We also successfully built a working project that fetches data from an API, which was a big milestone for our team.

What we learned

Through this project, we learned the basics of React, including component structure, state management, and working with external APIs in a real application.

What's next for cs-course-planner

We plan to expand the project to support additional degree programs and eventually broaden it beyond computer science.

For more details

See slide deck here

Built With

• css3
• html5
• javascript
• react