Kanto Region Map

An interactive web application displaying the Kanto region map from Pokémon with hoverable locations showing images and descriptions.

Demo

Features

• Interactive Map: Hover over locations to see details
• Major Towns: 11 iconic cities including Pallet Town, Viridian City, Cerulean City, and more
• Minor Locations: 13 points of interest like Mt. Moon, Victory Road, Safari Zone, etc.
• Info Panel: Displays location images and descriptions on hover
• Retro Styling: Pixelated game font (Press Start 2P) for authentic retro feel

Tech Stack

• Backend: Python Flask
• Frontend: HTML, CSS, JavaScript
• Font: Press Start 2P (Google Fonts)

Project Structure

Town_Map/
├── app.py                 # Flask application
├── Images/
│   ├── Major/             # Town images
│   └── Minor/             # Minor location images
├── static/
│   ├── css/
│   │   └── style.css      # Styles with retro pixel font
│   ├── data/
│   │   ├── map_data.json          # Location coordinates
│   │   └── city_descriptions.json # Location descriptions
│   ├── js/
│   │   └── script.js      # Hover interactions
│   └── map.png            # Kanto region map image
└── templates/
    └── index.html         # Main HTML template

Installation

1. Clone the repository:

   git clone <repository-url>
   cd Town-Map

2. Install Flask:

   pip install flask

3. Run the application:

   python Town_Map/app.py

4. Open your browser and navigate to:

   http://127.0.0.1:5000
   

Locations

Major Towns

• Pallet Town
• Viridian City
• Pewter City
• Cerulean City
• Vermilion City
• Lavender Town
• Celadon City
• Saffron City
• Fuchsia City
• Cinnabar Island
• Indigo Plateau

Minor Places

• Pokemon Mansion
• Victory Road
• Mt. Moon
• Cerulean Cave
• Rock Tunnel
• Power Plant
• Pokemon Tower
• Diglett's Cave Entry/Exit
• Safari Zone
• Seafoam Island
• Viridian Forest

Author

• Name: ADITYA BHARDWAJ
• Section: D2
• Roll No: 07
• Course: B TECH
• Branch: CSE

License

This project is for educational purposes.