Progate → Modern Web
Then vs Now — my web dev evolution
This project revisits an original site I built during college with Progate, and rebuilds it using semantic HTML5, responsive CSS (Flexbox & Grid), performance-optimised assets and minimal JavaScript.
Project Overview
This project revisits an original site I built during college with Progate, and rebuilds it using semantic HTML5, responsive CSS (Flexbox & Grid), performance-optimised assets and minimal JavaScript. It showcases how my skills have grown from learning to building with best practices in mind.
Key Features
Semantic HTML5
Well-structured, accessible markup throughout.
Modern CSS Architecture
Flexbox & Grid layouts, variables, and smooth animations.
Performance Optimised
Minified assets, optimised images and minimal JS overhead.
Responsive First
Mobile-first design that adapts seamlessly across devices.
Tech Stack
HTML5
CSS3
JavaScriptImage gallery
Challenges & Solutions
Challenge
Modernise an original college-era website while preserving its content and essence, and ensure it was performant, accessible and responsive.
Solution
Rebuilt the entire site using semantic HTML5, structured CSS with Flexbox & Grid, optimised assets, and implemented a mobile-first responsive design with minimal JavaScript to maintain performance and usability.