From 2f053992c1fbc0e0f6ca0acd74ad75d9eb406cfd Mon Sep 17 00:00:00 2001 From: Aditya Oberai Date: Mon, 14 Aug 2023 23:28:56 +0530 Subject: [PATCH 1/3] Add note on Document Level Security --- README.md | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index a738c16..50db584 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ We need to make a few configuration changes to your Appwrite server. 2. Create a new collection with the following properties * **Attributes** -* + Add the following attributes to the collection. > Make sure that your Attribute ID exactly matches the key in the images @@ -38,9 +38,14 @@ Add the following attributes to the collection. Add the following permissions to your collections. These permissions ensure that only registered users can access the collection.

-Collection Permissions +Collection Permissions

+Ensure that you also enable **Document Level Security** in the settings. + +![Document Level Security](https://github.com/appwrite/demo-todo-with-react/assets/31401437/671479c5-9f43-45b8-949e-f5d7374be3d4) + + ### 🚀 Deploy the Front End You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite. @@ -76,7 +81,7 @@ Run the following command to generate your `.env` vars $ cp .env.example .env ``` -Now fill in the envrionment variables we discussed above in your `.env` +Now fill in the environment variables we discussed above in your `.env` Now run the following commands and you should be good to go 💪🏼 From 34c0f020b610afccf39311f4012318c5b7c352de Mon Sep 17 00:00:00 2001 From: Aditya Oberai Date: Wed, 16 Aug 2023 20:12:06 +0530 Subject: [PATCH 2/3] Update images to show current Appwrite Cloud UI --- README.md | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 50db584..06c0c78 100644 --- a/README.md +++ b/README.md @@ -17,34 +17,29 @@ Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to We need to make a few configuration changes to your Appwrite server. 1. Add a new Web App in Appwrite and enter the endpoint of your website (`localhost, .vercel.app etc`) -![Create Web App](https://user-images.githubusercontent.com/20852629/113019434-3c27c900-919f-11eb-997c-1da5a8303ceb.png) +![Create Web App](https://github.com/appwrite/demo-todo-with-react/assets/31401437/13362aa5-7a15-444c-96a7-48ac60647e16) -2. Create a new collection with the following properties +2. Create a new database and collection with the following properties * **Attributes** Add the following attributes to the collection. > Make sure that your Attribute ID exactly matches the key in the images

- Content Attribute + Content Attribute

- IsComplete Attribute + IsComplete Attribute

* **Permissions** Add the following permissions to your collections. These permissions ensure that only registered users can access the collection. -

-Collection Permissions -

- Ensure that you also enable **Document Level Security** in the settings. -![Document Level Security](https://github.com/appwrite/demo-todo-with-react/assets/31401437/671479c5-9f43-45b8-949e-f5d7374be3d4) - +![Document Level Security](https://github.com/appwrite/demo-todo-with-react/assets/31401437/072b89cb-07de-42a4-ad12-17c348a786e4) ### 🚀 Deploy the Front End You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite. From 382d86780a978b14e584f637a63e41759cbd1f4e Mon Sep 17 00:00:00 2001 From: Aditya Oberai Date: Fri, 18 Aug 2023 00:16:22 +0530 Subject: [PATCH 3/3] Grammatical fixes --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 06c0c78..7ef9b8d 100644 --- a/README.md +++ b/README.md @@ -10,19 +10,19 @@ If you simply want to try out the App, go ahead and check out the demo at https: ## 🎬 Getting Started ### 🤘 Install Appwrite -Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or, on any cloud provider of your choice. +Follow our simple [Installation Guide](https://appwrite.io/docs/installation) to get Appwrite up and running in no time. You can either deploy Appwrite on your local machine or on any cloud provider of your choice. > Note: If you setup Appwrite on your local machine, you will need to create a public IP so that your hosted frontend can access it. We need to make a few configuration changes to your Appwrite server. -1. Add a new Web App in Appwrite and enter the endpoint of your website (`localhost, .vercel.app etc`) +1. Add a new Web App in Appwrite and enter the endpoint of your website (`localhost, .vercel.app, etc.`) ![Create Web App](https://github.com/appwrite/demo-todo-with-react/assets/31401437/13362aa5-7a15-444c-96a7-48ac60647e16) 2. Create a new database and collection with the following properties * **Attributes** -Add the following attributes to the collection. +Add the following attributes to the collection. > Make sure that your Attribute ID exactly matches the key in the images

@@ -42,7 +42,7 @@ Ensure that you also enable **Document Level Security** in the settings. ![Document Level Security](https://github.com/appwrite/demo-todo-with-react/assets/31401437/072b89cb-07de-42a4-ad12-17c348a786e4) ### 🚀 Deploy the Front End -You have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite. +You have two options to deploy the front-end, and we will cover both of them here. In either case, you will need to fill in these environment variables that help your front-end connect to Appwrite. * REACT_APP_ENDPOINT - Your Appwrite endpoint * REACT_APP_PROJECT - Your Appwrite project ID @@ -50,7 +50,7 @@ You have two options to deploy the front-end and we will cover both of them here ### **Deploy to a Static Hosting Provider** -Use the following buttons to deploy to your favourite hosting provider in one click! We support Vercel, Netlify and DigitalOcean. You will need to enter the environment variables above when prompted. +Use the following buttons to deploy to your favorite hosting provider in one click! We support Vercel, Netlify, and DigitalOcean. You will need to enter the environment variables above when prompted. [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fappwrite%2Ftodo-with-react&env=REACT_APP_COLLECTION_ID,REACT_APP_PROJECT,REACT_APP_ENDPOINT&envDescription=Your%20Appwrite%20Endpoint%2C%20Project%20ID%20and%20Collection%20ID%20) @@ -78,7 +78,7 @@ $ cp .env.example .env Now fill in the environment variables we discussed above in your `.env` -Now run the following commands and you should be good to go 💪🏼 +Now run the following commands, and you should be good to go 💪🏼 ``` $ npm install @@ -87,10 +87,10 @@ $ npm start ## 🤕 Support -If you get stuck anywhere, hop onto one of our [support channels in discord](https://appwrite.io/discord) and we'd be delighted to help you out 🤝 +If you get stuck anywhere, hop onto one of our [support channels in discord](https://appwrite.io/discord), and we'd be delighted to help you out 🤝 ## 😧 Help Wanted -Our access credentials were recently compromised and someone tried to ruin these demos. They decided to leave behind 15 easter eggs 🥚 for you to discover. If you find them, submit a PR cleaning up that section of the code (One PR per person across all the repos). You can track the number of claimed Easter Eggs using the badge at the top. +Our access credentials were recently compromised, and someone tried to ruin these demos. They decided to leave behind 15 easter eggs 🥚 for you to discover. If you find them, submit a PR cleaning up that section of the code (One PR per person across all the repos). You can track the number of claimed Easter Eggs using the badge at the top. The first 15 people to get their PRs merged will receive some Appwrite Swags 🤩 . Just head over to our [Discord channel](https://appwrite.io/discord) and share your PR link with us.