Beaver Course Planner

Inspiration

Our inspiration was to create a useful tool for our community of OSU CS post-bacc students. We wanted a course planner that is easy to use and functional. Our app enforces pre-requisites and also the terms during which electives are offered. It also shows how many courses a student has planned versus total required courses. We hope this app helps our fellow post-bacc students plan their courses.

What it does

Students can click "Add Term Card" to add a new term to their course plan.

Students can select a core class or elective class card by dragging + dropping the card into a term.

Prerequisites: The app enforces prerequisites. If a student tries to drop a card but prerequisites are not met in pervious terms, the card will not be dropped into that term.

Terms: The app enforces terms during which courses are offered. It is not possible to add a course into a term in which it is not offered.

To remove a course from a term, students can drag and drop a card onto the trash can icon.

All changes made are saved in the browser's local storage. The changes are preserved when the page is refreshed.

How we built it

This web app is built with html and css to design the front-end. JavaScript adds dynamic behavior to the app.

Challenges we ran into

We ran into challenges implementing the drag and drop behavior. It was also challenging to design responsive css so elements don't overlap on smaller screens. We wanted to add a card flipping effect, but did not have enough time.

Accomplishments that we're proud of

This was our first hackathon, so we're really proud that we wrote a fully functional app in just these few days.

What we learned

How much we could accomplish in a limited amount of time
Working in a team and collaborate using GitHub
Prioritizing the most important features and let go of some features that do not add to functionality

What's next for Beaver Course Planner

[ ] Prevent term cards for duplicate term/year from being created
[ ] Make the UI responsive to different size screens
[ ] Add an animation or pop up notification when total course count is met
[ ] When a term card is deleted, automatically fill the missing term slot when the next new term card is created
[ ] Add more information on hover to the course cards, such as course title, description, terms offered information
[ ] Add feedback on why a course cannot be added
[ ] Dark mode