📚 Documentation: Correct Mistakes in React tutorial in Docs

[timDeHof]

💭 Description

As I worked through the React lesson and build the idea tracker, I found a few issues in the directions and code snippets.

1. The first issue I found was on the "Create app" page, the npm create command doesn't scaffold a Vite + React project correctly. Also code snippet might need two versions of it depending on the npm versions based on what I read in the Vite Docs.

2. The second issue I found was under the "Initialize Appwrite SDK" heading on the "Set up Appwrite" page, where it states the wrong client, which needs to be corrected. As seen in the screenshot below.
   

3. The third issue I found was on the same page in the Appwrite related code that you can add to your src/lib/appwrite.js file. I believe now you are asked to import "Account" and "Databases" from "Appwrite" node.js module.

4. The fourth issue I found was in the user.js file on the "Add authentication" page, I believe the "create account" endpoint requires a unique userId string to go along with the "email" and "password".

5. The fifth issue I found was on the "add database" page under the "Create collection" heading doesn't explain how adding user's permissions to the collection allows authorized user to view,create, or delete ideas.

6. The sixth issue I found was that the lesson doesn't point out that you need update src/App.jsx by importing and adding the IdeasProvider component between the main element and UserProvider component.
7. The seventh issue I found on the "Create ideas page" page, the code snippet used to overwrite the src/pages/Home.jsx code gives you an error saying the following:

steps to Reproduce:

1. Follow the React tutorial and add the code snippets along the way
2. npm run dev -- --open --port 3000 to run the app
3. After registering, try to add an idea

8. The eighth issue I found on the "next steps" page, the clone link "this GitHub repository" isn't linked to a github repository of the completed version of the project.
   

Additional Information:
Documentation URL : https://appwrite.io/docs/tutorials/react/step-1

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[Vishalk91-4]

@timDeHof, could you please assign this issue to me

[timDeHof]

Hi @Vishalk91-4, I was kinda hoping to get it assigned to me and I am new to the open source PRs thing. I guess I need to mention @stnguyen90 or @wess in this issue?

[tessamero]

@gewenyu99 can you work with engineering to see if this can work for hacktoberfest labeled issue? If so, can you assign to timDeHof

[gewenyu99]

@timDeHof This won't a Hacktoberfest issue, but I've assigned it to you, more than happy to get your help!