A cinematic travel platform presenting Sri Lanka and the Maldives through mindfulness, culture, nature and curated retreats, with a blog, newsletter and enquiry backend.
Project media coming soon
Screenshots and demo videos for this case study will appear here.
Magga uses editorial storytelling and motion to present travel as a restorative journey. Fifteen pages cover destinations, heritage, history, culture, nature, wellness and mindfulness, along with a 360° collection gallery, itineraries, a blog and direct enquiry routes.
The design relied on high-resolution imagery, video and layered animation. The site still needed responsive navigation, editable blog content, dependable lead capture and simple hosting.
I built the frontend with React 19, Vite, Tailwind CSS 4 and Framer Motion, composed from reusable story, gallery, carousel and itinerary sections. An Express 5 and Mongoose backend handles blog posts, newsletter subscriptions and contact messages, and sends notification email through Nodemailer.
The live site gives the brand a distinctive visual identity while keeping publishing and enquiry workflows running behind it.
15 routed pages built from 25+ reusable sections, including the 360° collection grid, itinerary rails, video sections and image-grid layouts.
Separate route, controller and model files for blogs, newsletter and messages, plus a seed script for the initial posts.
In production, Express serves the built Vite bundle with an SPA fallback, so the site and API ship as one process from one build command.
The root build script installs and builds the frontend, and Express serves frontend/dist alongside the API in production. That means one deployable, one origin and simple hosting for a content-led site.
Newsletter emails are a unique index in MongoDB, so duplicate signups are rejected at the database layer rather than relying on a check-then-insert in application code.