atlogan/geocoder

A React app with a Leaflet map for geocoding, planning routes and exploring movie filming locations

β˜… 0Forks 0HTMLGitHub β†—Compare

Project website β†—

README

🌍 geocoder

A powerful geospatial toolkit built with React and Firebase that helps you convert geographic coordinates, bookmark locations, plan journeys, and explore famous movie filming locations

πŸš€ Live Demo

Demo

✨ Features

  • πŸ—ΊοΈ Geospatial Data Conversion
    • Convert addresses to latitude/longitude coordinates
    • Reverse geocode coordinates to addresses
    • Transform addresses to DMS (Degrees, Minutes, Seconds)
    • Convert latitude/longitude to DMS format
  • πŸ“ Location Management
    • Bookmark locations with a single click
    • Organize and manage your saved locations
  • πŸš— Journey Planning
    • Get real-time weather updates for start and end points
    • Calculate precise distances between locations
    • View estimated travel times and routes
  • 🎬 Movie Location Explorer
    • Discover and explore real filming locations from popular movies
    • Interactive map interface with location details

πŸš€ Getting Started

Prerequisites

Required API Keys

Create accounts and obtain API keys from:

Environment Variables

Create a .env file in the root directory:

VITE_FIREBASE_API_KEY=your_firebase_key
VITE_THE_MOVIE_DB_API_KEY=your_moviedb_key
VITE_OPEN_WEATHER_API_KEY=your_openweather_key
VITE_MAPBOX_ACCESS_TOKEN=your_mapbox_token

Installation

  1. Clone the repository:
git clone https://github.com/alogan5201/geocoder.git
cd geocoder
  1. Install dependencies:
npm install
# or
yarn
  1. Start the development server:
npm run dev
# or
yarn dev

The application will be available at http://localhost:5173

Deployment

  1. Create a production build:
npm run build
# or
yarn build

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

Contributors

logan5201atlogan

Issues