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 accurately 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 and AI-assisted web tools.

Key Highlights:

  • 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 and AI-enhanced designs).

  • Integrated 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, and aesthetic cohesion through refined color palettes, animation timing, and intuitive navigation.

Go to Website
Github

password is 06062026 (requested by customer)