Interactive Map-Based Training Web App for Maritime Location Testing (Charleston AOR) I am looking to build a web-based training application that tests users on maritime geographic knowledge within a specific Area of Responsibility (Charleston, SC – 114 locations). This will be a map-based training game using the Google Maps API. CORE REQUIREMENTS: Platform Web-based application Must work on desktop, tablet, and mobile browsers Responsive design Fast loading Map Google Maps API required Hybrid view (satellite + labels) as default If possible, nautical styling or overlay Smooth zoom and pan User drops a pin on the map to answer Game Modes MODE 1 – PIN DROP MODE User is shown a location name (example: “Fort Sumter”) User drops a pin on the map App calculates distance from correct GPS coordinates Score is based on distance accuracy Distance tolerance must be adjustable in admin panel MODE 2 – MULTIPLE CHOICE MODE Show 4 possible marked locations User selects correct one Immediate feedback Score tracking Scoring & Progress No login required Individual progress stored locally (browser storage is fine) Show: Total attempts Accuracy percentage Best score Average distance error Optional timed challenge mode Admin Panel (Required) Secure admin access to: Add locations Edit locations Delete locations Upload CSV file (Location Name, Latitude, Longitude) Adjust acceptable distance tolerance Enable/disable specific locations Data I have 114 location names. Developer must geocode and confirm accurate GPS coordinates. Design Style Clean Professional Military-inspired Dark mode preferred Game-like but structured training feel No cartoon styling Technical Notes Developer may suggest tech stack (React, Vue, etc.) Code must be clean and scalable. App may expand in future to other regions. Deliverables Fully functional web app Admin dashboard Source code repository Setup documentation Instructions for adding future regions Please include: Estimated timeline Estimated cost Technology stack Examples of similar projects