A modern, responsive personal portfolio website showcasing my academic journey, projects, and achievements in the field of Artificial Intelligence.
This portfolio was custom-built from the ground up using pure HTML5, modern CSS3 (with CSS Variables, Flexbox, and CSS Grid), and lightweight Vanilla JavaScript. It features a sleek, minimalist aesthetic, interactive Bento box layouts, and clean directory-based routing.
- Custom CSS Framework: A lightweight, completely bespoke design system (
main.css) built specifically for this portfolio, replacing heavy legacy templates. - Bento Box Grid: A responsive, dynamic, and visually engaging grid layout for project and achievement cards.
- Persistent State: Uses browser
sessionStorageto seamlessly remember user interactions (like the "Load More" expanded state) across page navigation. - Clean Routing: Directory-based structure (e.g.,
/projects/gan/) instead of raw.htmlfiles for professional, modern URLs. - Responsive Design: Fully responsive layout that adapts gracefully to mobile, tablet, and desktop viewports.
index.html- The main landing page.version-history.html- An internal changelog tracking the portfolio's development.assets/- Contains core CSS (main.css) and other static assets.images/- Portfolio images, logos, and project thumbnails.projects/- Individual project pages with embedded videos and details (GAN, Jetbot, Z3 Solver, Cinema Chatbot, Piano Covers).achievements/- Individual achievement pages with embedded certificates (CERN, Bosch, Congatec).
I am an Artificial Intelligence student at the Deggendorf Institute of Technology. My work includes academic projects and production-ready industrial applications, with experience ranging from cloud-based data pipelines at Bosch to autonomous robot cars and generative networks.
- Frontend: HTML5, Vanilla CSS3, Vanilla JavaScript
- Icons: Font Awesome (v6.4.0)
This is a personal portfolio. All rights reserved by Bryan Bu Wen Bin, 2026.