Skip to content

RobertRivas/geoportfoliovite

Repository files navigation

🚀 Vite + React + ArcGIS Maps SDK for JavaScript

Welcome to the Vite React ArcGIS project! This is a fun web application that integrates the ArcGIS API for React, the fast Vite build tool, and React to create interactive maps and spatial applications. Whether you’re visualizing geospatial data or building an awesome mapping app, this project has everything you need!

🌍 What is this Project?

This project combines three powerful tools:

  • Vite: A super-fast build tool for building your React apps like a rocket 🚀.
  • React: A popular JavaScript library for building user interfaces ⚛️.
  • ArcGIS Maps SDK for JavaScript: A complete suite for creating powerful, interactive maps in React applications 🗺️.

⚡ Key Features:

  • Interactive maps powered by ArcGIS Maps SDK for JavaScript 🗺️
  • Fast development and hot-reloading with Vite
  • React components that make UI development a breeze 🔄
  • Use of ArcGIS for mapping layers, markers, popups, and more 🌍

🎬 Getting Started

To get up and running, follow the steps below:

1. Clone this Repository

First, clone the repository to your local machine:

git clone https://github.com/yourusername/vite-react-arcgis.git
cd vite-react-arcgis

2. Install Dependencies

Install the necessary dependencies for the project:

npm install

Or, if you're a yarn enthusiast:

yarn install

3. Run the Development Server

Start the development server with Vite:

npm run dev

Or using yarn:

yarn dev

Your app should now be available at http://localhost:3000! 🚀


🧭 Features in the Map

This app utilizes the ArcGIS Maps SDK for JavaScript to enable the following features:

  • Interactive maps with zoom and panning 🔍
  • Custom map markers and layers to display data 📍
  • Popups to display detailed map data 🗣️
  • Integration with ArcGIS Online for dynamic geospatial content 🌍

🚧 Contributing

Want to contribute? Awesome! Here's how you can help:

  1. Fork the repository 🍴
  2. Create a new feature branch (git checkout -b feature/my-awesome-feature) 🌟
  3. Commit your changes (git commit -am 'Add new awesome feature') 📝
  4. Push your branch (git push origin feature/my-awesome-feature) 🚀
  5. Open a pull request (PR) to merge your changes into main 🎉

⚡ Tech Stack

  • Vite: A lightning-fast tool to develop modern React apps.
  • React: Build interactive UIs with components.
  • ArcGIS Maps SDK for JavaScript: An API for creating and interacting with maps in React.

🧑‍💻 Authors & Contributors

  • Robert Rivas (creator and cartographer) 🌍

About

GeoSpatial development web portfolio

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published