내 제출물 개요

프로젝트는 Angular 및 Appwrite를 사용하여 생성됩니다.

이 응용 프로그램의 목표는 식료품 쇼핑 목록을 빠르고 쉽게 만드는 것입니다.

특징

이름이 있는 쇼핑 목록 추가

오른쪽 탭에서 간단하고 빠른 제품 선택

목록이 늘어나는 것을 보십시오!

로컬에서 실행

먼저 aprite를 로컬에 설치해야 합니다.

Appwrite 콘솔을 열고 새 프로젝트를 만듭니다.

Database로 이동하여 Collection라는 새 Product를 추가합니다.

다음 규칙 및 권한을 추가합니다.

규칙:

상표
열쇠
유형
필수의
정렬
기본값


이름name텍스트true거짓

설명description텍스트false거짓

상icon텍스트true거짓

범주category문서true거짓

Database로 이동하여 Collection라는 새 Category를 추가합니다.

다음 규칙 및 권한을 추가합니다.

규칙:

상표
열쇠
유형
필수의
정렬
기본값


이름name텍스트true거짓

설명description텍스트false거짓

Database로 이동하여 Collection라는 새 List를 추가합니다.

다음 규칙 및 권한을 추가합니다.

규칙:

상표
열쇠
유형
필수의
정렬
기본값


이름name텍스트true거짓

설명description텍스트false거짓

Database로 이동하여 Collection라는 새 List_Product를 추가합니다.

다음 규칙 및 권한을 추가합니다.

규칙:

상표
열쇠
유형
필수의
정렬
기본값


목록list문서true거짓

제품product문서true거짓

권한:

읽기 액세스: *
쓰기 액세스: *

이 저장소 복제

  git clone https://github.com/ffex/simple-grocery-demo.git
  cd simple-grocery-demo

종속성 설치

  npm install

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

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

  ng serve

제출 카테고리:

Web2 마법사

코드 링크

바야00 / Appwrite-Hack22

Appwrite-Hack22

View on GitHub