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.
- Add the boolean Attribute.
PERMISSION: Add the next permissions to your
assortment.These permissions be sure that solely registered customers
can entry the gathering.
For CMD code:
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:
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
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
Hyperlink to Code
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
POST THE DOCUMENT IN CSS USING .js