<< Home

Class Portal

I challenged myself to design and develop a class portal to consolidate all assignments, projects, and documentation in one place. The portal is a good representation of my current design and web development skills, utilizing vanilla HTML, CSS, and JS. It has a large landing page with seperate pages for both assignments and projects, using flex boxes to establish layout while keeping the site responsive.

This site is the portal!

To Do List

I designed and developed a to-do list using Google Firebase and TypeScript, both technologies that I have not used before. I was mostly inspired by other online to-do apps like Google Keep, but also my own internal dialogue when I have to motivate myself to get things done. The intended audience is anyone who uses an online app to keep track of things they need to do. But also who might need a little tough love to get going.

Since this was my first attempt to figure out TypeScript, this is a terribly written app held together with figurative hot glue and duct tape. As it is a horrid amalgamation of JS and TS being used in a way they were never meant to be used together, it is currently broken. Please see Project 4 for the React version.

To Do List - Revised

A revised version of the first todo list to add firebase authentication to make it more accessible with tabbable buttons, aria labels

Since this was also an app held together with figurative hot glue and duct tape as it was a horrid amalgamation of JS and TS being used in a way they were never meant to be used together, it is currently also broken. Please see Project 4 for the React version.

To Do App - React.js, TypeScript, and Firebase

Build a single page todo app using React, Typescript, and Firebase with focus on understanding and utilizing a component-based, modular style of coding.

Styled To Do App - React.js, TypeScript, and Firebase

Build a single page todo app using React, Typescript, and Firebase with focus on understanding and utilizing a component-based, modular style of coding. Combine the modular React.js/TS/FireBase app with SASS styling to get the effect I originally imagined at the beginning of all these To Do App iterations.