🏙️ Hamburg Activities Guide

Make Hamburg Great Again! - An intelligent web application for Hamburg tourists

🎯 About the Project

This application was developed for the "Make Hamburg great again" competition and offers an innovative tag-based filtering system for activities in Hamburg. Tourists can find the perfect activities for their stay through intelligent tag suggestions.

✨ Features

• Intelligent Tag Filtering: Start with a tag and automatically receive matching suggestions
• Autocomplete: Tags are suggested while typing
• Dynamic Suggestions: After selecting a tag, further matching tags are suggested
• Instant Updates: The activity list is filtered in real-time
• Responsive Design: Works perfectly on desktop and mobile
• 30 Hamburg Activities: With detailed information and tags

🚀 Installation & Usage

1. Open the application: Simply open the index.html file in your browser
2. Start searching: Enter a tag (e.g. "experience", "relaxing", "exciting")
3. Select tags: Click on suggested tags or press Enter
4. Discover activities: The list is automatically filtered and shows matching suggestions

🏷️ Available Tags

• Activity Type: experience, explore, relaxing, exciting
• Environment: indoors, outdoors, on water, in air
• Atmosphere: loud, quiet, peaceful
• Price: cheap, expensive
• Social: alone, crowded
• Intensity: exhausting
• Special Features: panorama, historical, cultural, active, green, water, party, early, festival, trendy, romantic, spiritual

🏗️ Technology

• HTML5: Semantic structure
• CSS3: Modern design with Tailwind CSS
• JavaScript: Interactive functionality
• Responsive Design: Mobile-first approach

📱 Demo

The application shows 30 different Hamburg activities with:

• Names and descriptions
• Emoji icons
• Tags for filtering
• Price categories (€, €€, €€€)
• Activity duration
• Location in Hamburg

🎨 Design Features

• Modern, clean design
• Smooth hover effects
• Intuitive user guidance
• Color-coded tags
• Responsive grid layout

🔧 Development

The application was developed in less than an hour and demonstrates:

• Rapid prototype development
• Modern web technologies
• User-friendly interface design
• Scalable architecture

---

Developed for "Make Hamburg great again" 🏙️✨ "# mhga"

mhga