DOCKET APPLICATION USING APPWRITE – DEV Community



APPWRITE HACKATHON

A Easy DOCKET APPLICATION utilizing Appwrite and javascript. If we merely need to check out check out this App, go forward and take a look at the code,



Getting Began



INSTALL APPWRITE

Comply with us our easy Set up Information to get Appwrite up and working in our system.

we have to make a couple of configuration adjustments to your Appwrite server for the undertaking.

1.Add a brand new Internet App in Appwrite and enter the endpoint of your web site.

(localhost, <project-name>.vercel.app and so on)

2.Create a brand new assortment with the next properties.

  • Attributes Add the next attributes to the gathering.
Notice:
    guarantee that your Attribute ID precisely matches the important thing in 
    the photographs.

Enter fullscreen mode

Exit fullscreen mode

  • Add the boolean Attribute.
PERMISSION: Add the next permissions to your 
  assortment.These permissions be sure that solely registered customers 
  can entry the gathering.

Enter fullscreen mode

Exit fullscreen mode

Image description

Image description

For CMD code:
Enter fullscreen mode

Exit fullscreen mode

docker run -it --rm ^
--volume //var/run/docker.sock:/var/run/docker.sock ^
--volume "%cd%"/appwrite:/usr/src/code/appwrite:rw ^
--entrypoint="set up" ^
appwrite/appwrite:0.13.4

use the code whereas putting in the APPWRITE in CMD.
and use the code in powershell as,

For Powershell code:
Enter fullscreen mode

Exit fullscreen mode

docker run -it --rm ,
--volume /var/run/docker.sock:/var/run/docker.sock ,
--volume ${pwd}/appwrite:/usr/src/code/appwrite:rw ,
--entrypoint="set up" ,
appwrite/appwrite:0.13.4



DEPLOY THE FRONT END

you could have two choices to deploy the front-end and we are going to cowl each of them right here. In both case, you will have to fill in these setting variables that assist your frontend hook up with Appwrite.

VITE_APP_ENDPOINT-Your Appwrite endpoint.
  VITE_APP_PROJECT-Your Appwrite undertaking ID.
  VITE_APP_COLLECTION_ID-Your Appwrite assortment ID

Enter fullscreen mode

Exit fullscreen mode



Run regionally

Comply with these directions to run the demo app regionally

$ git clone https://github.com/appwrite/todo-with-vue
$ cd todo-with-vue

Run the next command to generate your .env vars

$ cp .env.instance .env

Now fill within the envrionment variables we mentioned above in your .env

Now run the next instructions and you need to be good to go,,

$ npm set up
$ npm run dev



GITHUB REPOSITORY

https://github.com/maturusupriya/Docket.git



Submission Class:

WEB2 WIZARDS
Enter fullscreen mode

Exit fullscreen mode



Hyperlink to Code

Image description

module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

POST THE DOCUMENT IN CSS USING .js



Further Sources



Appwrite hyperlink:

https://appwrite.io/



Docker hyperlink:

https://www.docker.com/

Image description

Image description

Image description

Image description

Add a Comment

Your email address will not be published. Required fields are marked *