Travel App
A React travel and hotel-booking interface: browse destinations, compare stays, and build a trip, with state managed through Context and a backend schema ready for MySQL.
- Role
- Frontend Development, State Management, UI Design
- Discipline
- Web Development
- Year
- 2024
- Headline
- Context API One shared state for search, filters, and trip
About
Travel App is a front end for the part of booking a trip that usually feels the most scattered: search, compare, and decide. The goal was a React interface where searching destinations, filtering hotels, and building up a trip selection all feel like one continuous flow instead of separate pages that lose your place, with state lifted into Context so a filter chosen on the search page is still applied when you land on a hotel's detail view. The data layer is shaped for a MySQL backend, so the same models carry over once a real API sits behind it.
The work
Destination search and a filterable grid of hotels.
A hotel's detail view and the running trip selection.
A front end built to feel finished even before the booking flow connects to a live backend: every screen reads from the same Context, so the data model is the part that’s real.