Go Back

My Legacy Portfolio Site

Vanilla JS
Static
Showcase
Portfolio

2023 - 08 - 03

Custom made by me in between college and university.

Screenshot of the legacy portfolio site.

The old look of this site

The first portfolio site.
Primitive, but mine!

Live Site   Source Code  

Background

How I imagined showing off with plain HTML, CSS and JS having barely completed college and just starting the web dev experience.

What goals?

  • Writing the entire thing with core web technologies only, to avoid jumpig into frameworks with missing fundamentals.
  • Displaying the little things built as I learn and explore.
  • Making a better job with UI, as my college projects were not very good, missing responsiveness and aesthetics.
  • Achieve the concept of presentation I came up with inspired by a video about custom accordion components.

Features

  • Simple color scheme with a dark mode.

The page look overview in a recording

  • Apart from hardcoded full “website” projects at the top, little “widget” toy projects pull metadata in JSON format as well as raw markup code from https://raw.githubusercontent.com. Then app is displayed within an iframe to provide live demo.
  • Introduction to async data fetching.
  • Client side filtering of displayed content by “tags”.
  • Entries displayed as custom vertical accordion component.
  • Lots and lots of nostalgia.

Some of the featured items presented on the page