Jemar's Personal Blog

First Steps: Building a Vanilla Portfolio

Posted on: Tags: HTML CSS Javascript Git Web Development


When I first decided to create my personal portfolio, I made a choice to keep things as simple as possible: I would only use HTML, CSS, and JavaScript. No frameworks, no libraries, no fancy tools, just the essentials.

At first, it felt challenging. Writing everything from scratch meant I had to think about structure, layout, responsiveness, and design decisions all at once. But in a way, that is what made it exciting. Every element I added, every style I wrote, and every function I scripted was something I fully understood. I was not relying on hidden code or shortcuts as I was building a foundation.

My portfolio right now is fairly simple:

  • A clean landing page that introduces who I am.
  • A section to showcase my projects.
  • A contact area so people can reach out to me.

As I continue learning, I want my portfolio to grow with me. Here are a few things I plan to add in the future:

  • A Blog Page (this one is the start!) where I can share my progress, tips, and challenges.
  • More Projects, especially as I explore new technologies.
  • Interactivity and Animations with JavaScript to make the site more engaging.
  • Eventually, I would like to explore tools like React or Next.js, but only after I am confident with the fundamentals.

This blog is the first step in documenting my journey. I know I will make mistakes along the way, but I also know that each post, each update, and each new feature will be proof that I am moving forward.

So here it is: my very first blog post. Thanks for stopping by — and stay tuned for more updates as I keep building, learning, and sharing my progress.