Calculates and displays a 4km radius from the user's current location on a map, built using React
4km Radius
4km Radius is a Proof of Concept (POC) project that calculates and displays a 4km radius from the user’s current location on a map. The project is built using Vite.js, React, TypeScript, and Leaflet, making use of the leaflet-geosearch and leaflet.locatecontrol plugins for enhanced functionality.
You can check out the demo!
Features
- Display a 4km radius from the user’s current location.
- Search for locations by text and display the 4km radius around the searched location.
- Pin locations on the map and display the 4km radius.
Tech Stack
- Frontend: Vite.js, React
- Language: TypeScript
- Map: Leaflet
- Plugins:
- leaflet-geosearch: Location searching plugin
- leaflet.locatecontrol: User’s current location plugin
Installation
- Clone the repository:
git clone https://github.com/your-username/4km-radius.git - Navigate to the project directory:
cd 4km-radius - Install dependencies:
npm install
Usage
- Start the development server:
npm run dev - Access the app at: http://localhost:5173
Contributing
Contributions are welcome! If you have any ideas, suggestions, or improvements, feel free to create an issue or submit a pull request.
License
This project is licensed under the MIT License.