WanderVibe - Discover Your Next Adventure

A beautiful, interactive travel discovery platform built with pure HTML, CSS, and JavaScript.

Live Demo

View Live Demo

---

Features

• 50+ Destinations worldwide with detailed information
• Save Favorites with localStorage
• Mark Visited places you've been
• Search destinations by name, country, or category
• Filter by category (Beach, Adventure, Cultural, City)
• Dark/Light Mode toggle
• Fully Responsive design
• Google Maps links for every destination
• Photo Galleries for each destination
• Detailed Pages with full destination information
• Contact Form with validation

---

Technologies Used

Technology	Purpose
HTML5	Semantic structure
CSS3	Flexbox, Grid, Animations, Variables
JavaScript (ES6+)	Interactivity, localStorage, DOM manipulation

No frameworks or libraries used! Pure vanilla code.

---

📁 Project Structure

wanderVibe/
├── index.html             # Home page
├── destinations.html      # All destinations
├── destination.html       # Individual destination page
├── documentation.html     # Project documentation page
├── favorites.html         # Saved favorites
├── visited.html           # Visited places
├── about.html             # About page
├── contact.html           # Contact page
├── css/
│   ├── style.css          # Main styles
│   ├── dark-mode.css      # Dark theme styles
│   └── responsive.css     # Media queries
├── js/
│   ├── main.js             # Core functionality
│   ├── theme-switcher.js   # Dark/Light toggle
│   ├── destinations.js     # Destinations data & logic
│   ├── destination.js      # Individual destination page
│   ├── favorites.js        # Favorites page
│   ├── footer.js           # Footer page
│   ├── visited.js          # Visited page
│   ├── image-slider.js     # Hero slider
│   ├── form-validation.js  # Contact form
│   └── scroll-effects.js   # Scroll animations
├── assets/
│   └── images/             # All image files
├── README.md
├── .gitignore
└── vercel.json

---

How to Run Locally

1. Clone the repository

git clone https://github.com/nihal705/wanderVibe.git
cd wanderVibe

2. Open in browser

• Double-click any HTML file, or
• Use a live server (e.g. the VS Code Live Server extension)

Deploy on Vercel

1. Push your code to GitHub:

   git add .
   git commit -m "Deploy to Vercel"
   git push

2. Go to vercel.com

3. Click "Add New Project"

4. Import your GitHub repository

5. Click "Deploy"

License

MIT License