Wanted to build a SPA website to showcase my academic work. Meant to replace personal website from a few years prior.

Started with whiteboarded sketches, moved onto wireframes for desktop/mobile screen sizes.

Gradually implemented each major section, detailed results with pull requests on GitHub.

Simple data-driven design; updating the site content is easy, just need to update a metadata file!

Used CSS media queries and Vuetify's breakpoint classes to ensure the website is responsive and works on mobile.

It works! Small, simple, but not very visually interesting.

Liked the diamond-based UI elements, but non-traditional buttons need to be accompanied by more clear indicators such as icons or drop shadows.

Fully fleshed out the layout before figuring out all of the site content, occasionally ran into the issue of "... what do I actually put here?"