Interactive India Voting Map Web App

Project Overview
Build a web application with an interactive India map where users can vote for the city they would prefer to live in.
Users can click on major cities on the map (example: Hyderabad, Mumbai, Srinagar, Jaipur).
The system should:
• Record votes
• Detect whether the voter is from the same state or another state
• Display voting statistics on the India map visually
2. Main User Flow
Step 1 – Website Opening
When a user opens the website:
1. A full India map is shown.
2. Major cities are marked and clickable.
3. Each city has a vote result panel connected with a line.
Step 2 – Voting
Users vote by:
1. Clicking a city area on the map
2. A vote confirmation popup appears
3. After confirmation the vote is stored.
Step 3 – Location Detection
The website should detect the user’s location using:
• Browser Geolocation API
• IP based location (backup)
This will determine:
• Same State Vote
• Outside State Vote
Example:
User Location = Telangana
User votes for Hyderabad
Result → Same State Vote
User Location = Karnataka
User votes for Hyderabad
Result → Outside State Vote
Map Visualization
Each city should show a vote statistics panel outside the map.
A line connects the city to the stats panel.