Search flights & hotels, book trips, and explore offers with a modern, responsive UI
Travel-Mate is a modern travel booking web application where users can:
- Search flights and hotels
- View special offers and limited-time discounts
- Book services through interactive forms with validation
Built with React, Next.js, TypeScript, Tailwind CSS, and Framer Motion, this project demonstrates advanced front-end skills and interactive UI design.
- 🔍 Search flights by origin, destination, and date
- 🏨 Search hotels by country with special offers
- 📝 Interactive booking forms with validation
- ⚡ Sold-out functionality with localStorage persistence
- 💻 Responsive UI for desktop and mobile
- ♻️ Reusable React components with TypeScript
- 🎛️ Modal windows with smooth animations for bookings
- 🎉 Offers page showcasing limited-time hotel discounts
- 📧 Contact page with modern design
| Technology | Purpose |
|---|---|
| ⚛️ React | Building interactive UI components |
| 🧭 Next.js | Routing and server-side rendering |
| 🟦 TypeScript | Type safety and maintainable code |
| 🎨 Tailwind CSS | Responsive and modern styling |
| 🪄 Framer Motion | Smooth UI animations |
| 🎨 React Icons | Scalable vector icons |
Travel-Mate replicates a modern travel booking experience. Users can:
- Browse dynamic flight and hotel listings
- Book flights and hotels via modals with validation
- Experience "sold-out" logic using localStorage
- Explore animated offer cards and responsive layouts
- Contact support through a professional page
The project demonstrates:
- Interactive, reusable components
- Smooth animations and responsive layouts
- Persistent state management for sold-out items
- A full-featured modern travel UI
Developed by: Toma Kawaguchi
💬 Front-End Developer | Passionate about interactive web applications