Added Readme

Author: AndrewSepic

use-mapbox-gl-js-with-react/README.md

@@ -1,12 +1,28 @@
-# React + Vite
+# use-mapbox-gl-js-with-react
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This is supporting code for the Mapbox tutorial [Use Mapbox GL JS in an React app](https://docs.mapbox.com/help/tutorials/use-mapbox-gl-js-with-react/).
 
-Currently, two official plugins are available:
+## Overview
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+This tutorial walks through how to setup [Mapbox GL JS](https://docs.mapbox.com/mapbox-gl-js/) in an [React](https://react.dev) project.  
 
-## Expanding the ESLint configuration
 
-If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
+You'll learn how to:
+- Setup a Vite JS app to use React
+- How to install Mapbox GL JS and its dependencies.
+- Use Mapbox GL JS to render a full screen map.
+- How to add a toolbar which displays map state like `longitude`, `latitude`, and `zoom` level and is updated as the map is interacted with (showing the map to app data flow).
+- How to create a UI button to reset the map to its original view (showing the app to map data flow).
+
+
+## Prerequisites
+
+- Node v18.20 or higher
+- npm
+
+## How to run
+
+- Clone this repository and navigate to this directory
+- Install dependencies with `npm install`
+- Replace `YOUR_MAPBOX_ACCESS_TOKEN` in `src/App.jsx` with an access token from your [Mapbox account](https://console.mapbox.com/).
+- Run the development server with `npm run dev` and open the app in your browser at [http://localhost:5173](http://localhost:5173).