A New Portfolio

I’ve been looking for an excuse to dig into Web Components for a little while now. I’ve also needed to put together a new personal website/portfolio, and I didn’t want to do so with plain HTML/CSS/JS. So, it seemed I had a perfect scenario to build something and learn new tech, which is exactly what I did this Friday.

Photo by Marvin Meyer on Unsplash

Web Components are “a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.” Basically, Web Components allow a developer to build modular pieces of code that give you a lot of the same advantages as modern JavaScript frameworks (Angular, Vue, React, etc.).

Most of my day involved digging into the examples that Mozilla gives. I started out with the editable-list example and then started modifying from there. Here’s what I had at the end of the day:

Beginnings of my new personal site

I didn’t get quite as much done as I wanted, but I’m going to keep chipping away at this and may come back to update this post. Regardless, it was fun to get to dig in to a new technology.

The GitHub repo for the new project is here.