Website: https://geocoordinates.netlify.app/
Project Objective:
Make navigating unfamiliar areas a breeze with Geocoordinates, a user-friendly single-page web app that helps you discover nearby places across various categories (restaurants, hospitals, attractions, etc.) right from your browser.
Key Features:
- Place-Based Search: get access to over 20 known places
- Proximity Sorting: Prioritize the closest options first, ensuring you find the most convenient choices.
- Interactive Map: Visualize nearby places on a dynamic map that updates as you move, providing a clear overview of your surroundings.
- Step-by-Step Directions: Get detailed turn-by-turn instructions to guide you directly to your chosen destination.
- Recent Location Recall: Revisit the app and quickly access your previously searched location and nearby places, saving you time and effort.
Technologies:
- HTML: Structuring the content
- CSS/Sass: Styling and visual design
- Vanilla JavaScript: Interactive elements, user interface enhancements, and making API requests directly from the browser
- ArcGIS JavaScript API: Performing location-based searches and retrieving geospatial data
- Parcel : Used for bundling Javascript modules and processing assets like CSS and images for optimized performance.
Getting Started:
- Clone the Repository:
git clone https://github.com/duske953/geocoordinates
- Install Dependencies:
npm install
- Obtain an ArcGIS API Key:
- Visit the ArcGIS developer website: https://developers.arcgis.com/
- Create an account and follow the instructions to obtain an API key.
- Start the Development Server:
npm watch:js
- Open the Application:
- Navigate to http://localhost:3000 (or the specified port) in your web browser.
- For further assistance with the ArcGIS JavaScript API, refer to the extensive documentation and resources available on the developers' website: https://developers.arcgis.com/javascript/latest/