Back to Projects

Portfolio Site

Mobile and desktop versions of a portfolio website shown side-by-side
Screenshot of a webpage titled: Projects
Screenshot of a webpage titled: Social Media Graphics
Screenshot of a webpage titled: About Me. A black-and-white portrait of Kassidy Lewis is shown to the left

The Objective

Logo of Figma Logo of Astro JS

Developing my portfolio site from the ground-up. (You are here!)

The Method

My portfolio site has seen many revisions and platform changes throughout the years. Originally hosted via Wix and now deployed using GitHub Pages, it has always been the principal project representing my long-time interest in web development. And so, as I've worked to improve my front-end skills the past year, I decided it was time for another fresh coat of paint.

The catch: This time, I would be developing the entire site from scratch.

Screenshot of HTML code within a code editing program

The project file directory shown in Visual Studio Code.

Following the principles of responsive design, which has been the basis of my understanding of web dev, this site was developed mobile-first. I used several modern frameworks to craft its latest version, as I explored each of them for the very first time: those being the development and build tool Astro, the CSS framework Tailwind (used for styling), and the JavaScript framework React (utilized for repeated components such as the header and footer).

I continue to update this site periodically, as well. Fellow developers may view the GitHub repository here.

The Lesson

Developing my own portfolio website and building upon my front-end expertise has not only made me more confident in my ability to provide HTML, CSS, and JavaScript services, but it is also an experience I will carry forward into every future project. The knowledge is invaluable at every step of web development, as I've gained a better understanding of what may or may not be viable at a front-end level.