I started Aarav Builds, a personal site where I can keep track of the real projects and web-development skills I’m working on.

I built the page with plain HTML, CSS, and JavaScript instead of a site builder. It has an introduction, a project build log, a learning map, and a short notes section. I added a theme toggle and reading-size preference that both persist after refresh. I also added project-type filters, so visitors can switch between the browser project and Slack bot entries.

One issue I found while deploying was browser caching: the new HTML reached GitHub Pages before the matching JavaScript in one fresh check. I fixed it by versioning the CSS and JavaScript URLs, then tested the deployed filter and reading-size controls again.

I tested the public site on desktop and at a 360px mobile width, checked that there was no horizontal overflow, and confirmed keyboard navigation starts at the skip link.

GitHub repository: https://github.com/aaravkatiyar55-gif/aarav-builds.

Live demo: https://aaravkatiyar55-gif.github.io/aarav-builds/