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/yourusername/wanderVibe.git
    cd wanderVibe

    Open in browser
    Double-click any HTML file, or
    Use a live server (VS Code extension)
    Explore!

Deploy On Vercel

1. Push your code to GitHub:
    git add .
    git commit -m "Deploy to Vercel"
    git push

2. Go to vercel.com:
    Click "Add New Project"
    Import your GitHub repository
    Click "Deploy" 

License :

MIT License

Author :

G Nihal - https://github.com/nihalmohammad705-debug

Tapu Das - https://github.com/Tapu965