Inspiration
Our inspiration for completing this project stemmed from wanting to create something useful for UCF. As undergrads, we've often times felt overwhelmed or confused with figuring out what we need to accomplish in order to finish our degree. Our team decided that creating a dashboard that simulates the progress of the bachelors degree completion would be a useful tool for helping undergrads like us navigate their degree requirements and personal goals. We also wanted to try out a new skill, and neither of us had any experience working with Vue.
What it does
Essentially, our dashboard consists of a progress bar, requirement section, and goal section. As students complete the catalog requirements for the bachelors degree in Computer Science, they can click the relevant requirement and view a progress update proportionate to the size of their accomplishment. Students can also keep an active list of goals and monitor what goals they have and have not accomplished.
How I built it
We built this web application utilizing the Vue framework, CSS, HTML, and Javascript. The two of us shared Github and collaborated on changes as we built the features and functions of our application.
Challenges I ran into
We have learned that Vue can be very touchy...one missing comma or semi-colon can break features completely! This was challenging, but over time we were able to recognize errors and maintain our functionality.
Accomplishments that I'm proud of
Vue will actually be what Izzy is using this year on her senior-design project. She is proud that she was able to complete a nifty little project using Vue and get a good amount of practice and a reinforced understanding of the framework before I get into creating my CS project. This was Michaela's first time working on the css of a webpage, as she would normally work on the backend/functionality, and first time hearing of/using Vue. Feeling comfortable with both new skills by the end of the project is something she is proud of. This was also both of our first hackathons and we are proud of ourselves for participating!
What I learned
We learned the in's and out's of basic Vue programming as well as how fun a hackathon is!
What's next for CS Undergraduate To-Do List
This website could definitely be modified to include a back-end to store authentication data for a student to return to and maintain their progress.
Log in or sign up for Devpost to join the conversation.