The Journey
A comprehensive, guest-centric wedding platform built to provide a seamless experience for attendees. The application features a secure RSVP system, interactive travel guides for San Antonio, integrated lodging recommendations, and a high-performance photo gallery with bulk download capabilities.
Demo Note: To view the live site, click on "Explore Guest Demo" to bypass the password requirement. Please note that some features (like live Airbnb/Hotel APIs) now use high-fidelity visual placeholders to emulate functionality without external subscription costs.
!
The Challenge
When trying to fetch images from Google Cloud Storage to create a .zip file, the browser blocked requests due to missing CORS headers.
✓
The Solution
I built a backend proxy endpoint that uses axios to stream binary data directly from GCS to the client. This secure bridge satisfies browser security policies while allowing users to download high-resolution galleries in bulk.
!
The Challenge
Transitioning to a demo version required removing many specific listing images to keep the application lightweight without sacrificing the "premium" feel.
✓
The Solution
I refactored the UI from an image-centric layout to a typography-centric one. Using Material UI (MUI) Cards with distinct border-left accents and modern CSS gradients, I ensured the pages looked polished and functional even without external photos.
!
The Challenge
Downloading 20+ high-resolution photos (~200MB) is a time-consuming process that often left users wondering if the action had failed.
✓
The Solution
I implemented a Backdrop state machine that provides immediate visual confirmation and a real-time progress counter (e.g., "Downloading 5 of 21..."), ensuring a transparent and user-friendly experience during large data operations.
Tech Stack
React 18Material UI (MUI)Node.jsExpressMongoDBGoogle Cloud StorageJWTReact-Leaflet
Live Project
Experience the final product live in your browser to see the performance and interactions firsthand.
Visit Website