Skip to content

rreddyja/map-verse

Repository files navigation

MapVerse 🌍

An interactive map application built with React, TypeScript, and Leaflet. Search locations, explore with markers, and get detailed location information.

Features

🔍 Location Search - Real-time search with autocomplete suggestions
📍 Interactive Markers - Click to place markers and view location details
🌍 Geolocation - Auto-center on your current location
🎛️ Map Controls - Custom zoom and location controls
📱 Responsive - Works on desktop and mobile devices

Tech Stack

  • React 19 + TypeScript
  • Leaflet (pure JS, no react-leaflet)
  • OpenStreetMap & Nominatim API
  • Vite

Quick Start

# Clone and install
git clone <repository-url>
cd map-verse
npm install

# Start development server
npm run dev

# Build for production
npm run build

Usage

  1. Search: Type in the search box to find locations
  2. Click to Mark: Click anywhere on the map to place a red marker
  3. Navigate: Use zoom controls or scroll/pinch to navigate
  4. Locate: Click the location button to center on your position

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages