Aarav Builds
- 1 Devlogs
- 1 Total hours
A personal student portfolio for sharing real projects, experiments, and what I’m learning in web development.
Ship #1
Changes requested
I built Aarav Builds as a personal student portfolio with a real project log, learning map, notes section, theme preference, reading-size control, and shareable project filters. I used plain HTML, CSS, and JavaScript, deployed it on GitHub Pages, and tested the live site on desktop and mobile. The caching issue during deployment taught me to verify the actual public files after each release.
48m 1s logged
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/
