PickRandomSpot is an interactive web application that allows you to generate a random geographical point within a selected area on a world map. Perfect for adventurers, photographers, travelers, and anyone looking to explore new locations in a spontaneous way!
- 🗺️ Interactive world map
- 🎯 Draw a circular selection area
- 🎲 Generate a random point within your selected area
- 🔗 Shareable/bookmarkable state via URL parameters
- 📱 Fully client-side application
- Photography challenges
- Travel inspiration
- Spontaneous exploration
- Random location selection for games or activities
Ever wanted to break out of your routine and discover a new spot? Whether you're a photographer looking for unique shooting locations, a traveler seeking unexpected destinations, or just someone who loves spontaneity, PickRandomSpot helps you find your next adventure with just a few clicks!
- Node.js (v18 or later)
- npm or yarn or pnpm
- Clone the repository
git clone https://github.com/shipurjan/PickRandomSpot.git
cd PickRandomSpot- Install dependencies
npm install- Run the development server
npm run dev- Open http://localhost:3000/PickRandomSpot in your browser
- Pan and zoom the world map to your desired region
- Click and drag to create a circular selection area
- Click "Generate Random Point"
- A marker will appear at a randomly selected location within your chosen area
- Share the URL to save and share your specific selection!
- Built with Next.js
- Uses
nuqsfor URL state management - Fully client-side application
- Runs entirely in the user's browser
PickRandomSpot utilizes Geohash, a geocoding system that encodes geographic coordinates into short alphanumeric strings. This allows us to:
- Store spatial data like points and shapes efficiently in URL parameters
- Enable compact, shareable links that preserve all map settings
- Maintain precision while minimizing URL length
We leverage the excellent geohashing npm library, which provides a robust implementation of the Geohash algorithm with both encoding and decoding capabilities. This library handles conversions between geographic coordinates and Geohash strings with configurable precision, making it perfect for our URL state management needs.
The application is optimized for smooth interactions and quick random point generation, with all processing happening client-side.
Contributions are welcome! Please feel free to submit a Pull Request.
This project uses third-party assets:
- Dice icon by weareheroes from Drawicons Line Hand Drawn Icons collection (CC BY 4.0)
See ATTRIBUTION.md for full details.
Happy exploring! 🌍🚀