Building a Portfolio with Vanilla Tools
One reason I like building small portfolio projects with plain HTML, CSS, and JavaScript is that it keeps the fundamentals visible. Without a framework handling structure for me, I have to pay attention to the basics: semantic markup, responsive layout, asset paths, navigation, and how each interaction behaves in the browser.
That kind of project is useful because it exposes the details that larger tools can hide. If a layout breaks on mobile, the fix usually starts with understanding the box model, spacing, image sizing, and source order. If a page feels confusing, the answer is often clearer content hierarchy rather than more JavaScript.
For an entry-level developer, I think that matters. Frameworks are important, but the foundation underneath them is what helps a developer debug calmly when the abstraction leaks.
What I Focused On
- Keeping the structure readable and easy to inspect.
- Making the site deployable through GitHub Pages.
- Practicing responsive spacing and navigation.
- Separating content, styling, and behavior clearly.
The project is not meant to be the flashiest thing I can build. It is meant to show that I can take a simple idea, finish it, publish it, and learn from the rough edges.