Appwrite를 사용하는 이미지 업로더

1562 단어 appwritehack

내 제출물 개요



대화형 이미지 업로더를 통해 사용자는 소중하고 기억에 남을 이미지를 저장하고 나중에 사용할 수 있도록 안전하게 보관할 수 있습니다.

제출 카테고리:



엉뚱한 와일드카드

코드 링크


https://github.com/Tejender1521/ImageUploader

시스템 설정/설치 가이드


  • installation guide에 따라 Appwrite를 설치합니다.
  • Appwrite 콘솔을 열고 새 프로젝트를 만듭니다.
  • Database로 이동하여 Collection라는 새 Photos를 추가합니다.
  • 다음 규칙 및 권한을 추가합니다.

    • 규칙:




    상표
    열쇠
    유형
    필수의
    정렬


    사용자 이름username텍스트true거짓

    화신avatarURLtrue거짓

    위치location텍스트false거짓

    영상imageUrlURLtrue거짓


    권한:



    읽기 액세스: '역할:모두'

    쓰기 액세스: 'role:all'

    5.이 레포지토리 복제

      git clone https://github.com/Tejender1521/ImageUploader.git


    6. 종속성 설치

      npm install


    7. Appwrite 콘솔에서 API Endpoint 컬렉션의 Project ID , Collection ID 및 Photos 를 기록하고 src/config.js 에 입력합니다.

    8.프로젝트를 실행할 준비가 되었습니다! 🚀

      npm start


    사용된 기술 스택


  • 리액트
  • 앱 쓰기
    • Twitter API v2를 사용하여 트윗에 대한 전체 대화 이해
    React Tricks Miniseries 7: 다양한 데이터 유형에 대한 setState 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage