README.md

Search locations

Search some locations on the map, using latitude and longitude.

Description

This project leverages the power of the open-source JavaScript library Leaflet and the vast resources of OpenStreetMap to help you search for locations effortlessly.

You can also choose to share your current location on the map (optional).

Simply adjust the circle on the map's radius using the scrollbar or text input field. The circle's radius is measured in meters.

Technologies Used

• JS Libraries: Leaflet
• Programming Language: JavaScript
• Font: Archivo by Omnibus-Type
• Build tool: Vite
• Hosting: GitHub Pages
• Dev Environment: VSCode with dev containers in Zorin OS

Demo

You can see the demo here: https://jhordyess.github.io/search-locations

Screenshot

How to use

1. Clone the repository.

git clone git@github.com:jhordyess/search-locations.git

2. Open the project folder.

cd search-locations

3. Install the dependencies.

yarn

4. Run the project.

yarn dev

5. Open the browser on http://localhost:5173/search-locations.

How to use with VSCode dev containers

You can use the VSCode dev containers to run the project in a containerized environment.

You need to have installed Docker and VSCode, and the Dev Containers extension.

1. Clone the repository.

git clone git@github.com:jhordyess/search-locations.git

2. Open the project with VSCode:

code search-locations

3. Open the command palette and select the option Dev Containers: Reopen in Container.

4. Wait for the container to be built and the project to be started.

5. Open the terminal in VSCode and run the project:

yarn dev

6. Open the browser at http://localhost:5173/search-locations

License

© 2021 Jhordyess. Under the MIT license. See the LICENSE file for more details.

---

Made with 💪 by Jhordyess