✈️ TravelBloom - Travel Recommendation System

TravelBloom is a dynamic web application designed to help users discover their next dream destination. This Single Page Application (SPA) allows users to search for recommendations based on categories like beaches, temples, and specific countries, fetching data dynamically from a JSON API.

🌟 Features

• Smart Search: Search for destinations using keywords like "Beach", "Temple", or "Country".
• Dynamic Recommendations: Fetches and displays travel destinations with images and descriptions from a JSON dataset.
• Single Page Navigation: seamless switching between Home, About Us, and Contact Us sections without page reloads.
• Responsive UI: A clean, modern interface featuring an overlay layout and social media integration.
• Contact Form: A functional contact section with validation and submission handling.
• Reset Functionality: Easily clear search results to start a fresh query.

🛠️ Tech Stack

• HTML5: Structure and semantic layout.
• CSS3: Styling, Flexbox layouts, and visual effects (glassmorphism/overlays).
• JavaScript (ES6): DOM manipulation, Fetch API for data retrieval, and event handling.
• JSON: Data storage for countries, temples, and beaches.

📂 Project Structure

travelRecommendation/
├── travel_recommendation.html      # Main HTML file (SPA structure)
├── travel_recommendation.css       # Styling for all sections
├── travel_recommendation.js        # Logic for Search, Nav, and Fetch API
├── travel_recommendation_api.json  # Data source for destinations
└── README.md                       # Project documentation