Back to Projects
Destinotion — Travel-Planning PWA
Solo Developer•2025
Next.jsTailwind CSSReact-Hook-FormReact Context APIVercel
Overview
A lightweight Next.js app that lets travelers discover, tag, and organize dream destinations—all running client-side using file-based storage.
Key Features
- Add, edit, and delete destinations with image support
- Tag-based filtering and free-text search
- File-based JSON storage for lightweight persistence
- Responsive layout with Tailwind CSS and framer-motion animations
- Fully client-rendered app deployed with Vercel
Challenges & Solutions
Challenges
- Maintaining fast load times without external backend
- Optimizing image loading across screen sizes
- Building a smooth UX with minimal JavaScript
- Creating a visually appealing UI with no design assets
Solutions
- Used Next.js static site generation with JSON storage
- Implemented lazy loading and dynamic imports for key components
- Optimized image delivery using the Next.js Image component
- Built reusable UI components styled with Tailwind
Results
- Sub-1s load time on local 3G simulation
- All Core Web Vitals in 'Good' range during testing
- Deployed with zero configuration via Vercel
- Completed end-to-end as a solo project in under 2 weeks