Course Dependency Graph
Typescript, Vue, Nuxt, visjs
After needing to find the entire pre/co requisite tree for a course, I decided be the stereotypical computer scientist and "spend 10 hours automating a 5 minute task." The hardest part of this project was actually scraping the information from the Blackburn College portal & tokenizing & creating parse trees for the co/pre-requisites.
Typescript, Vue, Nuxt
Frustrated with the UI of “CAMS”, our university wide database system, this webpage can be user-populated with classes via a chrome extension (see Cams Helper) which harvests all class data and sends to this page (100% client side). Users can real-time filter classes and make selections to view a collage of selected schedules. This was especially useful when CAMS went down during registration for students to still view and plan their classes.
HTML, CSS, Vue
Musician website with site-wide music player.
Typescript, Chrome Extension
Frustrated with limited UI of the CAMS system (see ‘class planner’ above), this chrome extension provides various quality of life improvements for faculty, staff, and students including a much-needed selective pop-up blocker and export to google calendar capabilities. FERPA compliant. Most of the Blackburn Faculty use this extension.
Database Query Playground
A simple teaching tool which allows students to perform any MYSQL selection query on a small example database based on a school.
Typescript, Vue, Nuxtjs
Developed for a friend working for a non-profit. Community members fill out a google form for: name, community, and their interests. This website allows them to access the responses and present how their organization can help connect people passionate about similar issues across communities.
Typescript, Vue, Firebase, PWA
Created while taking Spanish lessons in Guatemala, this basic flashcard progressive web app works without an internet connection & syncs when a connection is obtained. Works across devices thanks to Firebase authentication and firestore. Tailered to Spanish in that typing alt-i (or any vowel) while creating a card will type the accented character for ease of use and rapid card creation on a standard English keyboard. Supports simple statistics and practicing based on flashcard performance.
Built for internal use at KJHK to view and search statistics aggregated from what has been played by KJHK.
HTML, CSS, Vue
A for-fun implementation of minesweeper to gain a better understanding for myself with a simple UI. Don't take it too seriously.