diff --git a/.gitignore b/.gitignore index f91594c..483e387 100644 --- a/.gitignore +++ b/.gitignore @@ -35,3 +35,5 @@ yarn-error.log* *.tsbuildinfo next-env.d.ts geobase/.temp/cli-latest + +certificates diff --git a/README.md b/README.md index 656b258..b11736e 100644 --- a/README.md +++ b/README.md @@ -60,7 +60,7 @@ You can find the project ref and anon key in the Geobase project settings page. ![geobase-settings](https://d2w9rnfcy7mm78.cloudfront.net/31914170/original_ef57a92228a6a65472ebd2dfb766a8d7.png?1730636735?bc=0) -### Local Development +### Run the app Create an `.env.local` file with the same contents as above. @@ -97,6 +97,21 @@ Open [https://localhost:3000](https://localhost:3000) with your browser to see t > **⚠️ Note:** If you are running without `--experimental-https` use [http://localhost:3000](http://localhost:3000) +### How to use this app + +In order to use this app, first do the following: +* Open the app in the browser and again in a private browser window (simulating 2 users visiting the app), or in 2 different browsers. +* In each, signup using 2 different emails (if you have gmail, you can simulate 2 emails by appending a `+any_ramdom_text` to your account name. For example: `my.name+any_text@gmail.com`) +* Ensure that you are logged in with both users +* In one of the browsers create a new map by clicking on "Create new map". Give it a name and press Enter ![img.png](img.png) +* use the Pencil tool to draw something on the map ![img_3.png](img_3.png) +* Navigate to sharing the map ![img_4.png](img_4.png) +* And then enabling the flag to make the map public ![img_2.png](img_2.png) +* And copy the URL to this map +* Now in the browser of the 2nd user (that is also logged in), paste this URL in the browser and you should see what you drew with the pencil took ![img_5.png](img_5.png) +* Now each user can make changes to the map and these changes will be reflected in the browser of both users ![img_6.png](img_6.png) + + ### Github auth provider **1. In studio: Enable Github Provider:** Go to the Authentication tab in the studio. Then select Providers and select Github. diff --git a/img.png b/img.png new file mode 100644 index 0000000..70e0757 Binary files /dev/null and b/img.png differ diff --git a/img_2.png b/img_2.png new file mode 100644 index 0000000..7c24209 Binary files /dev/null and b/img_2.png differ diff --git a/img_3.png b/img_3.png new file mode 100644 index 0000000..faf5328 Binary files /dev/null and b/img_3.png differ diff --git a/img_4.png b/img_4.png new file mode 100644 index 0000000..06e944a Binary files /dev/null and b/img_4.png differ diff --git a/img_5.png b/img_5.png new file mode 100644 index 0000000..625f521 Binary files /dev/null and b/img_5.png differ diff --git a/img_6.png b/img_6.png new file mode 100644 index 0000000..0240dc3 Binary files /dev/null and b/img_6.png differ