From dc6f28f20db7b8bfc1177343eb19003f19985ef0 Mon Sep 17 00:00:00 2001 From: Anton Tranelis <31516529+antontranelis@users.noreply.github.com> Date: Wed, 5 Mar 2025 19:27:14 +0000 Subject: [PATCH] Update README.md --- examples/1-basic-map/README.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/examples/1-basic-map/README.md b/examples/1-basic-map/README.md index 7b1f3b35..2e76b367 100644 --- a/examples/1-basic-map/README.md +++ b/examples/1-basic-map/README.md @@ -8,6 +8,7 @@ We'll use **Vite** to create an empty React app named **"1-static-map"**: ```shell npm create vite@latest 1-static-map -- --template react-ts +``` Next, we navigate into our project folder and install the [utopia-ui](https://github.com/utopia-os/utopia-ui) package: @@ -20,7 +21,7 @@ npm install utopia-ui Now, we open `src/App.tsx` and replace its content with the following: -```tsx +```tsxhttp://localhost:5174/ import { UtopiaMap } from "utopia-ui"; function App() { @@ -38,7 +39,8 @@ To see our **first map app**, we start the development server: ```shell npm run dev +``` -Now, we can open the project in the browser and explore our interactive map! 😊 +Now, we can open [localhost:5174](http://localhost:5174/) in the browser and explore our interactive map! 😊 ➡️ In [Example 2](../2-static-layers/), we'll add **static data** to our map.