How to run todo-with-react project on the localhost

Hi. I am trying to run demo-todo-with-react on my local. Before doing it, I created a project in cloud.appwrite.io and also created a web platform, a database/collection. And I set the environment information with the following

REACT_APP_ENDPOINT=https://cloud.appwrite.io/v1
REACT_APP_PROJECT=<my project id>
REACT_APP_COLLECTION_ID=<my collection id>
REACT_APP_DATABASE_ID=<my database id>

After "npm start", I can see that react app interface is shown but I can't signup. So I looked at what the account api's response is.

{
    "message": "User (role: guests) missing scope (account)",
    "code": 401,
    "type": "general_unauthorized_scope",
    "version": "0.10.51"
}

Is there anyone to help me to solve this problem?

Would you please share screenshots of the network logs for the create account request from your browser

Btw, it's best to use 3 back ticks with multi-line code. See https://www.markdownguide.org/extended-syntax/#syntax-highlighting

These are screenshots

This is the get account API call and is expected to fail since you don't have a session. Where's the API call for creating an account?

Yes, sorry now the signup works. I am not sure what the reason is. Btw, the create document api doesn't work

Did you grant permissions to the collection?

Where? In the code or in the cloud setting page?

In the settings menu of your collection

make sure you add the required permissions

Are these correct?

This will give everyone full access to every document. Do you want people to have full access to the todos another person created? If not, you should turn on document security and only enable create access on the collection

But I think based on these settings, the react todo program should create a document. right?