doc: implemented Appwrite auth functionalities with Vuejs #301

Vaibhav91one · 2023-10-30T07:51:24Z

What does this PR do?

This PR provides a tutorial for how to use appwrite authentication with Vue

Test Plan

I have made the app while creating the tutorial.

Related PRs and Issues

Have you read the Contributing Guidelines on issues?

Yes

vercel · 2023-10-30T07:51:28Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 7, 2023 7:06am

gewenyu99

Sorry, why are you removing the vue js tutorial?

gewenyu99 · 2023-10-30T15:05:24Z

Please also fix your build before re-requesting review. Do a pnpm run build

Thanks!

Vaibhav91one · 2023-10-30T17:41:11Z

Sorry, why are you removing the vue js tutorial?

Should I make another folder for the vue-auth?

Vaibhav91one · 2023-10-30T17:41:36Z

Please also fix your build before re-requesting review. Do a pnpm run build

Thanks!

Okay will do.

gewenyu99 · 2023-10-30T17:43:14Z

Sorry, why are you removing the vue js tutorial?

Should I make another folder for the vue-auth?

Yes, follow the convention here: https://appwrite.io/docs/tutorials/sveltekit-auth/step-1

Still hidden for now, but should be basically like this.

Vaibhav91one · 2023-10-30T17:43:48Z

Sorry, why are you removing the vue js tutorial?

Should I make another folder for the vue-auth?

Yes, follow the convention here: https://appwrite.io/docs/tutorials/sveltekit-auth/step-1

Still hidden for now, but should be basically like this.

Okay on it.

Vaibhav91one · 2023-10-30T19:50:04Z

Hey @gewenyu99 I seem to be getting a parse error when building for a specific code snippet

and when I remove that code snippet, the following error comes up:

gewenyu99 · 2023-10-30T21:19:55Z

and when I remove that code snippet, the following error comes up:

Make sure you build on your local machine, code spaces will run out of space :P

Vaibhav91one · 2023-10-31T04:53:27Z

and when I remove that code snippet, the following error comes up:

Make sure you build on your local machine, code spaces will run out of space :P

Okay, I am building on my local machine only, will try once again.

Vaibhav91one · 2023-10-31T08:55:03Z

@gewenyu99 I have done some changes and successful build the project. I have made another folder vue-auth and kept the vue tutorial as it is back to the project.

gewenyu99 · 2023-10-31T14:14:15Z

@Vaibhav91one Thank you, it's the last day of Hacktoberfest, I'm gonna tentatively mark this Hacktoberfest accepted so you get credits from DO.

I'll review and continue to work with you on this PR, and when it's merged, you'll get contacted for swags :)

gewenyu99 · 2023-10-31T14:16:34Z

src/routes/docs/tutorials/vue-auth/step-1/+page.markdoc

+difficulty: medium
+readtime: 40
+---
+## Appwrite: The backend you'll never have to build or maintain.


Please follow convention from other published tutorials for what should be in this first page.

I understand you followed the auth deep dive we have, but that is still a draft. This page should be more similar to /tutorials/sveltekit

gewenyu99 · 2023-10-31T14:16:41Z

src/routes/docs/tutorials/vue-auth/step-1/+page.markdoc

+title: Authentication with Vue
+description: Add Authentication to a Vue project using Appwrite.
+step: 1
+difficulty: medium


Suggested change

difficulty: medium

difficulty: intermediate

gewenyu99

Hey, this is a great start.

Before I go in with more reviews, we really care about consistency, and this tutorial's structure is unnecessarily different from what we have in svelte kit.

I like that you also implemented password recovery and verification + protected routes.

They should be further headings:

Password recovery
User verification
Protected routes.

So your headings should be:

Authentication with SvelteKit
Create project
Initialize SDK
Check if logged in
Create login page
Create signup page
Password recovery
User verification
Protected routes
All set

gewenyu99 · 2023-10-31T14:19:42Z

src/routes/docs/tutorials/vue-auth/step-2/+page.markdoc

+---
+
+
+You can create a Vue project using [Vue](https://vuejs.org/guide/quick-start.html).


Missing headings

gewenyu99 · 2023-10-31T14:20:10Z

src/routes/docs/tutorials/vue-auth/step-2/+page.markdoc

+
+After running all these commands, you will be able to access you Vue app. 
+
+## Adding Appwrite to Your Vue App


Headings should be sentence case.

Missing {% #id %} tags

gewenyu99 · 2023-10-31T14:22:44Z

src/routes/docs/tutorials/vue-auth/step-3/+page.markdoc

+step: 3
+---
+
+# Create project {% #create-project %}


Can we just reuse step 2-3 from the vue tutorial. They don't need to be different other than description.

gewenyu99 · 2023-10-31T14:23:01Z

src/routes/docs/tutorials/vue-auth/step-4/+page.markdoc

+
+# Auth store {% #auth-store %}
+
+Since, we chose pinia for state management during the installatin process.So, we have already setuped our store. 


Suggested change

Since, we chose pinia for state management during the installatin process.So, we have already setuped our store.

Since, we chose pinia for state management during the installatin process. So, we have already setuped our store.

Vaibhav91one · 2023-10-31T19:03:21Z

@gewenyu99 Okay will do the changes in the morning and Thank you for considering it for hacktoberfest.
(Good night🌙)

gewenyu99 · 2023-10-31T22:41:27Z

Hey,

Due to time constraints, I'm going to mark this PR hacktoberfest-accepted for now so you get DO's Hacktoberfest rewards. We'll continue to work with you on this issue for review and merge.

When it is merged, we'll contact you for Appwrite-specific Hacktoberfest swag.

Thanks for helping us improve Appwrite!

Vaibhav91one · 2023-11-07T07:04:30Z

@gewenyu99 I have made the changes.

Corrections
Steps added as told

(Thank you for waiting 🤗, Placement season 🥲🤞)

gewenyu99 · 2023-11-17T22:01:32Z

Hey, looks like a good start for the tutorial. I'll merge this into a branch to continue working on this on our end. Thank you so much!

Vaibhav91one · 2023-11-29T05:43:02Z

Hey, looks like a good start for the tutorial. I'll merge this into a branch to continue working on this on our end. Thank you so much!

Your welcome and Thank you for the guidance. 🚀

Vaibhav91one · 2024-01-24T07:44:53Z

Hey @gewenyu99 I was just curious that, is this still under review? If there is anything I can do to help, feel free to ask.

gewenyu99 · 2024-04-08T20:14:56Z

Hey there! There were a lot of big PRs during this Hacktoberfest, and we wanted to give everyone ample time to collaborate with our engineering team. If you were able to merge your PRs during October, amazing. If it’s still not merged, don’t worry about it either. Either way, we’ve got your Hacktoberfest swag minted and ready to ship.

Please comment with your Discord username here so we can contact you about your shipping information to deliver your Hacktoberfest swag.

Vaibhav91one · 2024-04-09T16:25:33Z

Hey there! There were a lot of big PRs during this Hacktoberfest, and we wanted to give everyone ample time to collaborate with our engineering team. If you were able to merge your PRs during October, amazing. If it’s still not merged, don’t worry about it either. Either way, we’ve got your Hacktoberfest swag minted and ready to ship.

Please comment with your Discord username here so we can contact you about your shipping information to deliver your Hacktoberfest swag.

Profile Link: https://discordapp.com/users/762914716652797982
Username: averagevaibhav

gewenyu99 · 2024-04-19T16:09:27Z

Will reach out soon. Appreciate your patience!

doc: implemented Appwrite auth functionalities with Vuejs

da2b6ad

vercel bot had a problem deploying to Preview October 30, 2023 07:53 Failure

Vaibhav91one mentioned this pull request Oct 30, 2023

📚 Documentation: Deep dive authentication recipe with Vue #90

Open

2 tasks

gewenyu99 suggested changes Oct 30, 2023

View reviewed changes

Problem solved + Build done

f8f30bd

vercel bot deployed to Preview October 31, 2023 08:47 View deployment

gewenyu99 added documentation Improvements or additions to documentation hacktoberfest-accepted labels Oct 31, 2023

gewenyu99 reviewed Oct 31, 2023

View reviewed changes

github-actions bot mentioned this pull request Nov 1, 2023

PRs Opened in October 2023 appwrite/.github#93

Closed

tessamero linked an issue Nov 2, 2023 that may be closed by this pull request

📚 Documentation: Deep dive authentication recipe with Vue #90

Open

2 tasks

Requested changes done

8841890

vercel bot deployed to Preview November 7, 2023 07:06 View deployment

gewenyu99 changed the base branch from main to feat-add-vue-authentication-deepdive November 17, 2023 22:02

gewenyu99 merged commit c617f94 into appwrite:feat-add-vue-authentication-deepdive Nov 17, 2023
1 check passed

github-actions bot mentioned this pull request Dec 1, 2023

PRs Closed in November 2023 appwrite/.github#101

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

doc: implemented Appwrite auth functionalities with Vuejs #301

doc: implemented Appwrite auth functionalities with Vuejs #301

Vaibhav91one commented Oct 30, 2023

vercel bot commented Oct 30, 2023 •

edited

Loading

gewenyu99 left a comment

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 31, 2023

Vaibhav91one commented Oct 31, 2023

gewenyu99 commented Oct 31, 2023

gewenyu99 Oct 31, 2023 •

edited

Loading

gewenyu99 Oct 31, 2023

gewenyu99 left a comment

gewenyu99 Oct 31, 2023

gewenyu99 Oct 31, 2023

gewenyu99 Oct 31, 2023

gewenyu99 Oct 31, 2023

Vaibhav91one commented Oct 31, 2023

gewenyu99 commented Oct 31, 2023

Vaibhav91one commented Nov 7, 2023 •

edited

Loading

gewenyu99 commented Nov 17, 2023

Vaibhav91one commented Nov 29, 2023

Vaibhav91one commented Jan 24, 2024

gewenyu99 commented Apr 8, 2024

Vaibhav91one commented Apr 9, 2024

gewenyu99 commented Apr 19, 2024

		---


		You can create a Vue project using [Vue](https://vuejs.org/guide/quick-start.html).


		After running all these commands, you will be able to access you Vue app.

		## Adding Appwrite to Your Vue App


		# Auth store {% #auth-store %}

		Since, we chose pinia for state management during the installatin process.So, we have already setuped our store.

doc: implemented Appwrite auth functionalities with Vuejs #301

doc: implemented Appwrite auth functionalities with Vuejs #301

Conversation

Vaibhav91one commented Oct 30, 2023

What does this PR do?

Test Plan

Related PRs and Issues

Have you read the Contributing Guidelines on issues?

vercel bot commented Oct 30, 2023 • edited Loading

gewenyu99 left a comment

Choose a reason for hiding this comment

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

Vaibhav91one commented Oct 30, 2023

gewenyu99 commented Oct 30, 2023

Vaibhav91one commented Oct 31, 2023

Vaibhav91one commented Oct 31, 2023

gewenyu99 commented Oct 31, 2023

gewenyu99 Oct 31, 2023 • edited Loading

Choose a reason for hiding this comment

gewenyu99 Oct 31, 2023

Choose a reason for hiding this comment

gewenyu99 left a comment

Choose a reason for hiding this comment

gewenyu99 Oct 31, 2023

Choose a reason for hiding this comment

gewenyu99 Oct 31, 2023

Choose a reason for hiding this comment

gewenyu99 Oct 31, 2023

Choose a reason for hiding this comment

gewenyu99 Oct 31, 2023

Choose a reason for hiding this comment

Vaibhav91one commented Oct 31, 2023

gewenyu99 commented Oct 31, 2023

Vaibhav91one commented Nov 7, 2023 • edited Loading

gewenyu99 commented Nov 17, 2023

Vaibhav91one commented Nov 29, 2023

Vaibhav91one commented Jan 24, 2024

gewenyu99 commented Apr 8, 2024

Vaibhav91one commented Apr 9, 2024

gewenyu99 commented Apr 19, 2024

vercel bot commented Oct 30, 2023 •

edited

Loading

gewenyu99 Oct 31, 2023 •

edited

Loading

Vaibhav91one commented Nov 7, 2023 •

edited

Loading