This website is built as a blog-style portfolio structured around a main page that summarizes information and leads to many links and actions. Navigation is handled through anchored links in the top menu, allowing visitors to choose between sections without leaving the page. Each project category links to its own dedicated subpage, keeping the main page clean while still allowing detailed project documentation with pictures and necessary links. The layout, animations, and responsive design are based on a HTML template, while all content, structure, and organization were customized to reflect my academic background and engineering projects.
I developed this website with no prior experience in HTML or CSS. By working directly with the template’s code, I learned how HTML elements are structured, how sections are organized, how external CSS files control layout and styling, and how JavaScript enhances interactivity such as animations, sliders, and counters. Even though the CSS and JavaScript files were written by the template author, modifying and integrating them taught me how front-end components work together and how to safely extend an existing codebase without breaking functionality.
To maintain and grow the website, I use GitHub for version control and deployment. Hosting is handled directly through GitHub Pages, which I selected after researching multiple hosting options and determining that it offered a reliable, free, and professional solution for a static portfolio site. At the end of every academic semester, I update the site with new projects, revised statistics, and improved content, treating the website as a living record of my technical growth. This process has strengthened my understanding of web development workflows, source control, and long-term project maintenance.