🌍 TravelEase — Explore the World Effortlessly

TravelEase is a modern travel booking web application built with React + Vite + Material UI. It helps users explore destinations, view packages, read reviews, and plan trips seamlessly — all in a beautifully designed, responsive interface.

---

✨ Features

• 🗺️ Destinations Page: Browse curated travel spots around the world
• 🧳 Packages Section: Discover best travel deals and package details
• 🖼️ Gallery: View stunning images of destinations
• 💬 Testimonials & Reviews: Hear real experiences from other travelers
• 📞 Contact Page: Easy way to reach out for support or inquiries
• 🧭 Responsive Navbar & Footer: Clean design with page highlighting and quick navigation
• 🌗 Modern UI: Built using Material UI with gradients, hover effects, and animations

---

🧠 Tech Stack

Technology	Purpose
React (Vite)	Front-end framework
React Router DOM	Page routing and navigation
Material UI (MUI)	Styling and components
AOS / Framer Motion	Animations
React Hot Toast	Notifications
Gh-pages	Deployment to GitHub Pages

---

🚀 Live Demo

🔗 View Website: TravelEase on GitHub Pages

---

🧩 Folder Structure

TravelEase/
│
├── public/
│   └── favicon.ico
│
├── src/
│   ├── components/
│   │   ├── Navbar.jsx
│   │   ├── Footer.jsx
│   │   ├── Reviews.jsx
│   │   ├── Layout.jsx
│   │   └── ScrollToTop.jsx
│   │
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── Destinations.jsx
│   │   ├── Packages.jsx
│   │   ├── Gallery.jsx
│   │   ├── Testimonials.jsx
│   │   └── Contact.jsx
│   │
│   ├── App.jsx
│   └── main.jsx
│
└── vite.config.js

---

⚙️ Installation & Setup

Follow these steps to run it locally:

# 1️⃣ Clone this repository
git clone https://github.com/AshokC46/TravelEase.git

# 2️⃣ Navigate to the folder
cd TravelEase

# 3️⃣ Install dependencies
npm install

# 4️⃣ Start the development server
npm run dev

Then open http://localhost:5173 in your browser.

---

🌐 Deployment

The app is deployed using GitHub Pages with the gh-pages package.

To deploy manually:

npm run build
npm run deploy

This automatically publishes your /dist build to the gh-pages branch.

---

📸 Screenshots

Home Page Destinations

---

💬 Feedback

If you have any feedback, ideas, or suggestions — feel free to open an issue or connect on LinkedIn.

---

🧑‍💻 Author

Ashok C Front-End Developer | React | UI Enthusiast 📫 Reach me at: ashokchavala46@gmail.com

---