AutoCourse

main page
displays of the entire week
display of a singular day

Inspiration

On the myunsw timetable selector, you have to press on all each on the side to be able to get a visual representation of where it is on the timetable and also extra info on it(e.g location, capacity, etc). You also won't know the duration of the class until you click it. There is no display all classes option on myunsw so imagine having to do that for every class.

What it does

It displays all classes (lectures, tuts, labs, etc) of a singular course on a timetable, so that its much easier to visualise which class to take. The classes are colour coded based on capacity, and there is a weekly view for all classes, and a day view for all classes for that day.

How we built it

The techstack that we used was HTML, CSS, and JavaScript. For the calendar we used the fullcalendar.js library. To get all the classes we used the provided apis from devsoc. The search bar on the main screen fetches the classes for the searched course , which then goes through our program and displays it, changing colour which depends on how many people are enrolled in the class. When you click on each event it takes you to the classroom/location of that class.

Challenges we ran into

The biggest struggle was the ideation, it took us many head scratching hours to come up with a solution. \ Since there were a lot of features for the fullcalendar.js library there was a lot of documentation reading. \

Accomplishments that we're proud of

Being able to produce an MVP, and how the frontend looked. \ How well we worked as a team. \ The improvement that we had technically throughout the hackathon. \

What we learned

Brainstorming as a team, and communicating our ideas while another person implements it allowed us to work much quicker than anticipated. Improving our skills in web development, and documentation reading skills.

What's next for AutoCourse

Being able to select a class for a course, and then overlay the courses for another course on top of it to be able to see all your timetable combinations.

This program utilises the FullCalander package, which can be found here