내 제출물 개요

GlitchyNFT는 준비된 자산에서 자신만의 'NFT'를 만들 수 있는 생성기입니다. 왜 'NFT' 크리에이터인가? 우리 모두는 그들을 사랑합니다(맞죠?)!

테크스택

Vue

Pinia

Typescript

Appwrite

자산 자원

Craftpix

제출 카테고리:

Web2 마법사

코드 링크

루퍼스모투스 / 글리친프트

GlitchyNFT는 준비된 자산에서 자신만의 'NFT'를 만들 수 있는 생성기입니다.

글리치NFT

GlitchyNFT는 준비된 자산에서 자신만의 'NFT'를 만들 수 있는 생성기입니다. 왜 'NFT' 크리에이터인가? 우리 모두는 그들을 사랑합니다(맞죠?)! 다음을 위해 프로젝트가 생성되었습니다.

테크스택

Vue

Pinia

Typescript

Appwrite

자산 자원

Craftpix

시간 부족으로 인한 누락된 기능

경매장 기능

GlitchyNFT를 좋아함

다른 사용자의 GlitchyNFT 보기

스크린샷

설정

#1 전제 조건:

Appwrite가 실행 중입니다

.

Appwrite CLI가 설치됨

Appwrite CLI에 로그인했습니다

.

#2 앱 쓰기

루트 폴더에서 프로젝트 초기화

appwrite init project

yes라고 무시하도록 요청하면 Create a new Appwrite project를 선택하고 나머지 프롬프트를 따릅니다.
컬렉션 생성 실행

appwrite deploy collection

모든 컬렉션을 선택합니다.projectId에서 appwrite.json를 복사하고 PROJECT_ID를 복사된 projectId로 바꾸고 실행합니다.

appwrite projects createKey --projectId PROJECT_ID --name APIKey --scopes documents.write

프롬프트에서 secret를 복사하여 붙여넣기…

View on GitHub

스크린샷

개발 중 문제

Appwrite는 SVG 파일을 제공하는 데 문제가 있습니다(Chrome의 CORB 오류). 이것이 모든 것이 base64인 이유입니다

.

컬렉션(서버 측)에서 속성을 생성하는 기능은 속성이 생성되기 전에 해결되어 편리하지 않습니다. 속성이 사용 가능한지 재귀적으로 확인하는 것보다 조금 더 기다리는 것이 좋습니다(작동하지 않음). 너무 잘)

결론

이번 해커톤에 참가해서 정말 즐거웠습니다! 😄 Appwrite는 내가 얼마 동안 따라했지만 지금까지 사용해 볼 기회가 없었던 정말 훌륭한 도구입니다. 그리고 이것은 저의 첫 번째 해커톤이었고 이것은 Dev.to의 첫 번째 게시물입니다. 안녕하세요 여러분! 🥳