https://github.com/ashokc46/travelease
TravelEase is a modern travel booking web application. It helps users explore destinations, view packages, read reviews, and plan trips seamlessly all in a beautifully designed, responsive interface.
https://github.com/ashokc46/travelease
framer-motion javascript material-ui react-hooks react-router reactjs router-dom
Last synced: 2 months ago
JSON representation
TravelEase is a modern travel booking web application. It helps users explore destinations, view packages, read reviews, and plan trips seamlessly all in a beautifully designed, responsive interface.
- Host: GitHub
- URL: https://github.com/ashokc46/travelease
- Owner: AshokC46
- Created: 2025-11-04T10:14:28.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-11-04T11:48:57.000Z (8 months ago)
- Last Synced: 2025-11-04T12:20:09.888Z (8 months ago)
- Topics: framer-motion, javascript, material-ui, react-hooks, react-router, reactjs, router-dom
- Language: JavaScript
- Homepage: https://ashokc46.github.io/TravelEase/
- Size: 277 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌍 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](https://AshokC46.github.io/TravelEase)
---
## 🧩 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:
```bash
# 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](http://localhost:5173) in your browser.
---
## 🌐 Deployment
The app is deployed using **GitHub Pages** with the `gh-pages` package.
To deploy manually:
```bash
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](https://linkedin.com/in/ashokchavala).
---
## 🧑💻 Author
**Ashok C**
Front-End Developer | React | UI Enthusiast
📫 Reach me at: **[ashokchavala46@gmail.com](mailto:ashokchavala46@gmail.com)**
---