앱라이트 해커톤

Appwrite 및 javascript를 사용하는 간단한 DOCKET 애플리케이션. 이 앱을 사용해보고 싶다면 계속해서 코드를 확인하세요.

시작하기

APPWRITE 설치

간단한 설치 안내서를 따라 시스템에서 Appwrite를 시작하고 실행하십시오.



프로젝트를 위해 Appwrite 서버에 몇 가지 구성을 변경해야 합니다.

1. Appwrite에 새 웹 앱을 추가하고 웹사이트의 엔드포인트를 입력합니다.
(localhost, <project-name>.vercel.app etc)
2. 다음 속성을 사용하여 새 컬렉션을 만듭니다.

특성 컬렉션에 다음 특성을 추가합니다.

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

부울 특성을 추가합니다.

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

CMD에서 APPWRITE를 설치하는 동안 코드를 사용하십시오.
powershell의 코드를 다음과 같이 사용하십시오.

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

프런트 엔드 배포

프런트 엔드를 배포하는 데는 두 가지 옵션이 있으며 여기에서 두 가지 옵션을 모두 다룰 것입니다. 두 경우 모두 프런트엔드가 Appwrite에 연결하는 데 도움이 되는 이러한 환경 변수를 입력해야 합니다.

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

로컬에서 실행

데모 앱을 로컬에서 실행하려면 다음 지침을 따르세요.
$ git clone https://github.com/appwrite/todo-with-vue
$ cd todo-with-vue
다음 명령을 실행하여 .env 변수를 생성하십시오.
$ cp .env.example .env
이제 위에서 논의한 envrionment 변수를 .env에 입력하십시오.

이제 다음 명령을 실행하면 좋습니다.
$ npm install
$ npm run dev

깃허브 리포지토리

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

제출 카테고리:

WEB2 WIZARDS

코드 링크

module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
.js를 사용하여 CSS에 문서 게시

추가 리소스

앱쓰기 링크:

https://appwrite.io/

도커 링크:

https://www.docker.com/

APPWRITE #DOCKET 애플리케이션 #WEB2 마법사 #HTML #CSS