DEV Community: supriya maturu

DOCKET APPLICATION USING APPWRITE

supriya maturu — Wed, 11 May 2022 11:35:53 +0000

APPWRITE HACKATHON

A Simple DOCKET APPLICATION using Appwrite and javascript. If we simply want to try out try out this App, go ahead and check out the code,

Getting Started

INSTALL APPWRITE

we need to make a few configuration changes to your Appwrite server for the project.

1.Add a new Web App in Appwrite and enter the endpoint of your website.

(localhost, <project-name>.vercel.app etc)

2.Create a new collection with the following properties.

Attributes Add the following attributes to the collection.

Note:
    make sure that your Attribute ID exactly matches the key in 
    the images.

Add the boolean Attribute.

PERMISSION: Add the following permissions to your 
  collection.These permissions ensure that only registered users 
  can access the collection.

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="install" ^ appwrite/appwrite:0.13.4

use the code while installing 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="install" , appwrite/appwrite:0.13.4

DEPLOY THE FRONT END

you have two options to deploy the front-end and we will cover both of them here. In either case, you will need to fill in these environment variables that help your frontend connect to Appwrite.

  VITE_APP_ENDPOINT-Your Appwrite endpoint.
  VITE_APP_PROJECT-Your Appwrite project ID.
  VITE_APP_COLLECTION_ID-Your Appwrite collection ID

Run locally

Follow these instructions to run the demo app locally

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

Run the following command to generate your .env vars

$ cp .env.example .env

Now fill in the envrionment variables we discussed above in your .env

Now run the following commands and you should be good to go,,

$ npm install $ npm run dev

GITHUB REPOSITORY

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

Submission Category:

WEB2 WIZARDS

Link to Code

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

POST THE DOCUMENT IN CSS USING .js

Additional Resources

Appwrite link:

https://appwrite.io/

Docker link:

https://www.docker.com/

APPWRITE #DOCKET APPLICATION #WEB2 WIZARD #HTML #CSS

ANYONE CAN VOTE APPLICATION USING APPWRITE..

supriya maturu — Tue, 10 May 2022 14:24:31 +0000

Appwrite

It is an open source backend as a service.
It can manage backend without writing a code.
Appwrite provide API's and tools.
It can console to manage all resources.

INSTALLATION OF APPWRITE

If we want to use Appwrite our system must consist Docker.

check the activity whether the Appwrite and Docker is present or not using cmd

If we want to make sure Everything set the localhost and signup the account start create a project.

ADD A PLATFORM FOR THE PROJECT WHETHER IT IS A WEB APPLICATION ADD WEB TO THE PROJECT.

I upload my source code on GitHub........

This is my CSS code which is used in the project it exhibits different styles.

It is an html code where in this we use dot operation many functions too.... for vote page

It is also a html code for Login form.

The project contains the appropriate GitHub repository,and includes license and README.

Submission Category:

Web2 Wizards

Link to Code

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

Additional Resources

Appwrite link:

https://appwrite.io/

Docker link:

https://www.docker.com/

APPWRITE #VOTE FOR EVERYONE #LOGIN FORM

Food_Restaurent

supriya maturu — Wed, 12 Jan 2022 16:50:42 +0000

FOOD MADE WITH LOVE
HERE THE INFORMATION IS CLEARLY VISIBLE EVEN A ILLETERATE CAN UNDERSTAND EASILY THROUGH OUR WEBSITE.
WE ARE PROVIDING DELICIOUS FOOD BEGINS WITH LOW COST AND HIGH QUALITY,SO WE CAN GET HEALTHY FOOD ECONOMICALLY.
WHILE EATING THIS "EYES WATERING", "MOUTH WATERING".......
"WE CAN GET FRESH FOOD AT ANYTIME"..

OUR WEBSITE CONTAINS

IN THIS WE DIVIDED INTO 6 CATEGORIES:

HOME
SPECIALITY
GALLERY
POPULAR
CUSTOMER REVIEW
ORDER

_ HOW IT WORKS_

CHOOSE YOUR FAVOURITE FOOD.
FREE AND FAST DELIVERY.
EASY PAYMENT METHODS.

4.AND FINALLY ENJOY YOUR FAVOURITE FOOD.........

WE CAN GET A "4 STAR RATING" FROM CUSTOMERS AS A FEEDBACK
OUR TEAM AND I DESIGN THE WEBSITE WITH SPECIAL ICONS WITH EASILY UNDERSTANDABLE FORMAT TO EVERYONE..

submission category:

 E-COMMERCE CREATION

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

ADDITIONAL RESOURCES/INFO

WE USE VISUAL STUDIO TO WRITE THE CODE AND WE CONNECT TO MONGO ATLAS, THUS OUR OUR BEAUTIFUL WEBSITE IS CREATED..
https://docs.atlas.mongodb.com/
https://docs.mongodb.com/

FOOD MADE WITH LOVE #DELICIOUS FOOD #USER-FRIENDLY

..................................................................