AI-Assisted Engineering Portfolio

I started this website to create a permanent home for my engineering work. Instead of treating it as a one-time portfolio assignment, I am using it as an ongoing way to learn modern development tools and improve how I communicate technical projects.

Every improvement gives me a practical problem to solve: organizing Astro pages, understanding shared layouts, writing responsive CSS, managing images and documents, fixing links, improving metadata, and validating a production build before publishing it.

I use AI as a collaborative tool for exploring the codebase, explaining unfamiliar syntax, locating the source of a visual issue, drafting content, and implementing focused changes. This makes it possible to move from an idea to a working result quickly.

The important part of the process is reviewing the result. I compare the change with the original request, inspect the affected files, run the Astro build, and continue refining anything that does not match the intended design or message.

• Built responsive home, about, experience, contact, and project pages.
• Created reusable project cards and a shared site layout.
• Developed a detailed FPGA capstone case study with technical diagrams.
• Organized and documented the global stylesheet by page and feature.
• Added accessible image descriptions and full-resolution gallery links.
• Corrected document paths, project links, metadata, and social preview titles.
• Used repeatable production builds to catch invalid markup and routing issues.

This project is teaching me that effective AI-assisted development is not only about generating code. It requires describing the goal, preserving context, checking assumptions, understanding file relationships, and verifying that the final result actually works.

As the site grows, I plan to keep improving its project documentation, accessibility, responsive presentation, performance, and deployment workflow while applying what I learn to new engineering projects.