What is TripNest?
TripNest is a professional web platform that we developed from scratch for the travel and tour industry. Project; It gathers basic needs such as tour listing, destination promotion, online reservation and blog management under one roof. You can access the live site at travel.zertucha.com
Dual Language Support and Content Management
The platform provides services in two languages, Turkish and English. Language switches occur instantly via React's context structure, without reloading the page. All text content — titles, descriptions, button texts — can be edited from the admin panel. In this way, the site owner can update their content without needing any code knowledge.
Home Page Components
The home page consists of 13 different sections, each of which is fed dynamically from the database:
- Hero banner with full screen video background
- Tour search bar by location, date and number of people
- Popular destinations and featured tour passes
- Service promotion, customer reviews and partner logos
- Achievement counters (award, happy traveler, years of experience)
- Step by step booking guide and blog section
All components contain animations enriched with GSAP and Swiper libraries. You can experience these animations live by visiting https://travel.zertucha.com.
Tour and Destination System
The site has a separate detail page for each tour. These pages include tour description, price information, duration, score, visual gallery and similar information. Prices are automatically displayed in TL or USD depending on language preference. Destination pages have a similar structure; Each destination has its own promotional page and visuals. All this content is managed through the TripNest platform.
Online Reservation Infrastructure
Tour detail pages include a multi-step reservation form. The user selects the date, determines the number of people and enters the name, surname, TR ID number, telephone and address information for each passenger. Passenger forms are automatically added when the number of people is increased. The form supports payment methods such as credit card or bank transfer. Incoming reservation requests are monitored and status updates can be made from the admin panel.
Advanced Search and Filtering
Search bar on the home page; It works with location, category, date and number of people parameters. Thanks to the Flatpickr calendar component, date selection takes place with a user-friendly interface. Search results are filtered via URL parameters on the tour listing page and the number of results is displayed to the user. You can test this search feature at travel.zertucha.com
Blog and Content Module
The integrated blog system enables the publication of travel guides and informative articles. Each blog post is created with a bilingual title, content, author information and cover image. Rich text format is supported on blog detail pages. This module both increases on-site interaction and contributes to organic traffic gain in terms of SEO.
Admin Panel
The admin panel, one of the most comprehensive parts of the project, contains 28 different management pages. Modules that can be managed via the panel are:
- Add, edit, delete tours and change status
- Destination management and image upload
- Blog content editor
- List and status tracking of incoming reservations
- Management of customer reviews, services and partner logos
- Achievement counters and "Why Choose Us" section editor
- Site settings: logo, contact information, social media links, footer text
- Payment settings and user management
- Edit menu structure
Technical Infrastructure
React 19 and Vite were used on the Frontend side. Vite is a modern tool that provides fast compilation and instant updates during the development process. Style management is done with Tailwind CSS; More than 12 custom animations, custom color palettes, and custom typography definitions are centrally managed in the Tailwind configuration file. Page transitions are managed with React Router v7 and the entire application is in single page application (SPA) architecture.
On the backend, there are 65 REST API endpoints developed with PHP. These endpoints communicate with the MySQL database and perform CRUD operations (create, read, update, delete data). The database includes 11 different tables: tours, destinations, blogs, services, customer reviews, partners, success data, popular search terms, section contents, site settings and users.
Design and User Experience
Kaushan Script, Afacad and Figtree fonts from the Google Fonts family were used in the design. The color palette consists of dark turquoise, vibrant green and amber tones, in line with the travel theme. TripNest website is designed responsively to work smoothly on all devices. Details such as custom cursor effect, scroll-to-top button, off-canvas mobile menu and loading screen complete the user experience.
You can visit https://travel.zertucha.com to review the live version of the project and experience all the features.
It can catch your interest
