Portfolio

Evolution of Web Development
Online Wedding invitation

Developed a fully interactive, multi-era website that illustrates the evolution of web technologies from 1990 to 2025. Each section replicates the design styles, frameworks and coding practices of its respective decade using HTML, CSS, JavaScript, and React. The project showcases major transitions from static HTML pages and early CSS layouts to responsive designs, component-based frameworks.

  • Built era-specific layouts reflecting real historical web trends (1990s = static HTML, 2000s = CSS & PHP, 2010s = responsive and dynamic JavaScript frameworks, 2020s = React-based, modular).

  • Combined React 18, Next.js-style architecture, and Vite-inspired performance optimizations for later eras.

  • Designed a responsive, multi-page interface with navigation, interactive tabs and animated transitions using modern CSS techniques (Flexbox, Grid and variables).

  • Applied UI/UX principles to demonstrate evolution in accessibility, responsiveness and interactivity.

  • Used progressive enhancement concepts to highlight how web development matured toward performance and usability.

Created a responsive and interactive wedding invitation website using React, JavaScript, PHP, HTML and CSS. The site includes animations, event details, and an RSVP form connected to a PHP backend. Focused on clean design, smooth user experience and compatibility across all devices.

  • Implemented a dynamic single-page React structure with modular components for login, event details, and RSVP form.

  • Utilized the Intersection Observer API to trigger scroll-based animations and enhance engagement.

  • Designed a responsive layout optimized for all screen sizes with custom typography and media queries.

  • Integrated PHP backend for guest data submission, ensuring secure and seamless communication between client and server.

  • Focused on UX consistency, accessibility, aesthetic structure, animation timing and intuitive navigation.

Github