How youronlymikey/nangkaan works
This is a React tourism website for Nangkaan Lakeside Viewpoint, with a public destination page and a separate visitor-feedback flow. Visitors navigate the site to explore tours and destination information, can open a booking inquiry, and can submit experience ratings and visit details. The tree also indicates gallery, location, sustainability, and QR-code features. App routing and the sampled feedback and booking code support those flows; HomePage composition and several feature integrations were not sampled, so their wiring is left unspecified. Booking and feedback submissions are simulated, not persisted to a backend.
Main entry points: App.jsx App Router · FeedbackPage.jsx Feedback Form · BookingModal.jsx Booking Inquiry · main.jsx React Entry
Components 21
Application
- React Entry
src/main.jsx - App Router
src/App.jsx - Navigation
src/components/Navbar/Navbar.jsx - Site Footer
src/components/Footer/Footer.jsx
Visit Planning
- Tours and Rates
src/data/tourPackages.js - Tour Package Cards
src/components/TourCard/TourCard.jsx - Booking Inquiry
src/components/BookingModal/BookingModal.jsx
Destination Information
- Destination Page
src/pages/HomePage.jsx - Hero Section
src/components/Hero/Hero.jsx - Photo Gallery
src/components/Gallery/Gallery.jsx - Photo Lightbox
src/components/Lightbox/Lightbox.jsx - Location Details
src/components/LocationSection/LocationSection.jsx - Contact and Social
src/components/ContactSection/ContactSection.jsx - Sustainability
src/components/SustainabilityCard/SustainabilityCard.jsx - Amenity Content
src/data/amenities.js - Sustainability Content
src/data/sustainability.js
Visitor Feedback
- Feedback Form
src/pages/FeedbackPage.jsx - Rating Inputs
src/components/RatingInput/RatingInput.jsx - Feedback QR Code
src/components/QRCodeSection/QRCodeSection.jsx
Other components
- Visitor
- Social Platforms
Connections 14
- Visitor → React Entry: opens site
- React Entry → App Router: renders
- App Router → Navigation: renders
- App Router → Site Footer: renders
- App Router → Destination Page: routes /
- App Router → Feedback Form: routes /feedback
- Visitor → Booking Inquiry: requests booking
- Booking Inquiry → Tours and Rates: offers packages
- Booking Inquiry → Visitor: shows inquiry status
- Visitor → Feedback Form: shares visit feedback
- Feedback Form → Rating Inputs: collects ratings
- Feedback Form → Feedback QR Code: renders QR section
- Feedback Form → Visitor: shows confirmation
- Contact and Social → Social Platforms: links to