Geo Master 🌍

A modern, interactive geography guessing game that tests your knowledge of world cities. Challenge yourself with two exciting game modes across multiple difficulty levels!

🎮 Game Features

Game Modes

• Classic Mode: See a city name and click on the map where you think it's located
• Reverse Mode: See a pinned location and choose the correct city from multiple choices

Difficulty Levels

• Easy: Major world capitals and well-known cities (20 cities)
• Medium: International cities and regional capitals (48 cities)
• Hard: Lesser-known capitals and challenging locations (50+ cities)

Customizable Settings

• Timer: Adjustable from 5-30 seconds per round
• Scoring System: Distance-based scoring for Classic mode, fixed points for Reverse mode
• High Score Tracking: Separate high scores for each mode/difficulty combination

🚀 How to Play

Classic Mode

1. A city name appears at the top of the screen
2. Click on the world map where you think the city is located
3. The closer your guess, the more points you earn (up to 5,000 points per round)
4. Complete 5 rounds to finish the game

Reverse Mode

1. A location is pinned on the map with a pulsing marker
2. Choose the correct city name from four multiple-choice options
3. Earn 5,000 points for each correct answer
4. Complete 5 rounds to finish the game

📊 Scoring System

Classic Mode

• Perfect/Near-perfect: 4,500+ points
• Excellent: 3,500-4,499 points
• Good: 1-3,499 points
• Missed: 0 points

Reverse Mode

• Correct answer: 5,000 points
• Incorrect/timeout: 0 points

🛠️ Technical Features

• Interactive World Map: Powered by Leaflet.js with custom tile layers
• Responsive Design: Works on desktop and mobile devices
• Smooth Animations: Modern UI with CSS transitions and animations
• Local Storage: High scores persist between sessions
• No Labels Mode: Map switches to label-free view in Reverse mode for added challenge

🎯 Technologies Used

• HTML5: Semantic markup and modern web standards
• CSS3: Custom properties, flexbox, animations, and glassmorphism effects
• JavaScript (ES6+): Modern JavaScript with classes, arrow functions, and async/await
• Leaflet.js: Interactive mapping library
• Google Fonts: Poppins font family for modern typography
• Local Storage API: For persistent high score tracking

🌐 Map Data

• Tile Provider: CartoDB Voyager tiles
• Map Projections: Standard Web Mercator
• Attribution: OpenStreetMap contributors and CartoDB

🎨 Design Highlights

• Dark Theme: Modern dark color scheme with neon accents
• Glassmorphism: Translucent UI elements with backdrop blur
• Responsive Layout: Adapts to different screen sizes
• Custom Markers: Color-coded location markers with animations
• Smooth Transitions: Polished user experience with CSS animations

📱 Browser Compatibility

• Chrome: Full support
• Firefox: Full support
• Safari: Full support
• Edge: Full support
• Mobile Browsers: Optimized for touch interaction

🔧 Installation & Usage

1. Download the HTML file
2. Open index.html in any modern web browser
3. No additional setup or dependencies required!

Alternatively, you can host it on any web server or GitHub Pages for online access.

🏆 Game Statistics

• Total Cities: 118+ unique locations across all difficulty levels
• Countries Represented: 80+ countries worldwide
• Rounds per Game: 5 rounds
• Maximum Score: 25,000 points (5,000 × 5 rounds)

🎯 City Database

Easy Mode Cities (20)

Major world capitals and famous cities like Paris, London, New York City, Tokyo, Sydney, Rome, Cairo, etc.

Medium Mode Cities (48)

International cities and regional capitals including Istanbul, Buenos Aires, Bangkok, Seoul, Toronto, Mumbai, Singapore, etc.

Hard Mode Cities (50+)

Challenging locations such as Reykjavik, Ulaanbaatar, Kathmandu, Wellington, Addis Ababa, Vientiane, and many more.

---

Challenge yourself and become a true Geo Master! 🗺️