Close Escape

Next.jsTypeScriptFramer MotionShadcnTailwind CSSGemini AIVercel

Project Overview

• Engineered a dynamic travel discovery system filtering spots strictly by user budget and radial distance. • Empowered users to set unique preferences resulting in tailor-made location databases. • Harnessed generative AI layers to offer human-like trip suggestions and itineraries.

System Architecture

• Next.js App Router forms the core structural frame managing fast transitions and SSR data. • Generative AI powered through the Gemini API integration on edge functions. • Animations and complex visual feedback structured by Framer Motion.

Architecture Diagrams

Architecture Diagram

Key Engineering Decisions

• Offloaded AI prompting to serverless routes to securely protect API keys and reduce client bundle weight. • Enforced strict TypeScript types across geographical algorithms to prevent coordinate map errors. • Prioritized Tailwind for heavily optimized, atomic CSS scaling on high-resolution geographical images.