Uh oh!
There was an error while loading. Please reload this page.
doc: implemented Appwrite auth functionalities with Vuejs - #301
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
gewenyu99
left a comment
There was a problem hiding this comment.
Sorry, why are you removing the vue js tutorial?
gewenyu99
commented
Oct 30, 2023
Please also fix your build before re-requesting review. Do a Thanks! |
Vaibhav91one
commented
Oct 30, 2023
Should I make another folder for the vue-auth? |
Vaibhav91one
commented
Oct 30, 2023
Okay will do. |
gewenyu99
commented
Oct 30, 2023
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
commented
Oct 30, 2023
Okay on it. |
Vaibhav91one
commented
Oct 30, 2023
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
commented
Oct 30, 2023
Make sure you build on your local machine, code spaces will run out of space :P |
Vaibhav91one
commented
Oct 31, 2023
Okay, I am building on my local machine only, will try once again. |
Vaibhav91one
commented
Oct 31, 2023
@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
commented
Oct 31, 2023
@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 :) |
| difficulty: medium | ||
| readtime: 40 | ||
| --- | ||
| ## Appwrite: The backend you'll never have to build or maintain. |
There was a problem hiding this comment.
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
| title: Authentication with Vue | ||
| description: Add Authentication to a Vue project using Appwrite. | ||
| step: 1 | ||
| difficulty: medium |
There was a problem hiding this comment.
| difficulty: medium | |
| difficulty: intermediate |
gewenyu99
left a comment
There was a problem hiding this comment.
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
| --- | ||
| 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 |
There was a problem hiding this comment.
Headings should be sentence case.
Missing {% #id %} tags
| step: 3 | ||
| --- | ||
| # Create project {% #create-project %} |
There was a problem hiding this comment.
Can we just reuse step 2-3 from the vue tutorial. They don't need to be different other than description.
| # Auth store {% #auth-store %} | ||
| Since, we chose pinia for state management during the installatin process.So, we have already setuped our store. |
There was a problem hiding this comment.
| 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
commented
Oct 31, 2023
@gewenyu99 Okay will do the changes in the morning and Thank you for considering it for hacktoberfest. |
gewenyu99
commented
Oct 31, 2023
Hey, Due to time constraints, I'm going to mark this PR When it is merged, we'll contact you for Appwrite-specific Hacktoberfest swag. Thanks for helping us improve Appwrite! |
@gewenyu99 I have made the changes.
(Thank you for waiting 🤗, Placement season 🥲🤞) |
gewenyu99
commented
Nov 17, 2023
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
commented
Nov 29, 2023
Your welcome and Thank you for the guidance. 🚀 |
Vaibhav91one
commented
Jan 24, 2024
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
commented
Apr 8, 2024
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
commented
Apr 9, 2024
Profile Link: https://discordapp.com/users/762914716652797982 |
gewenyu99
commented
Apr 19, 2024
Will reach out soon. Appreciate your patience! |


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