Overview of My Submission
The project is created using Angular and Appwrite.
The goal of this application is to quickly and easily create a grocery shopping list.
Feature
Add shopping list with name
Select simple and fast a product in the right tab
See the list grow!
Run locally
First need to install aprite locally.
Open the Appwrite console and create a new project.
Navigate to
Database
and add a newCollection
calledProduct
.Add the following rules and permissions:
Rules:
Label | Key | Type | Required | Array | Default Value |
---|---|---|---|---|---|
Name | name |
Text | true |
false | |
Description | description |
Text | false |
false | |
Icon | icon |
Text | true |
false | |
Category | category |
Document | true |
false |
Navigate to
Database
and add a newCollection
calledCategory
.Add the following rules and permissions:
Rules:
Label | Key | Type | Required | Array | Default Value |
---|---|---|---|---|---|
Name | name |
Text | true |
false | |
Description | description |
Text | false |
false |
Navigate to
Database
and add a newCollection
calledList
.Add the following rules and permissions:
Rules:
Label | Key | Type | Required | Array | Default Value |
---|---|---|---|---|---|
Name | name |
Text | true |
false | |
Description | description |
Text | false |
false |
Navigate to
Database
and add a newCollection
calledList_Product
.Add the following rules and permissions:
Rules:
Label | Key | Type | Required | Array | Default Value |
---|---|---|---|---|---|
List | list |
Document | true |
false | |
Product | product |
Document | true |
false |
Permissions:
Read Access: *
Write Access: *
- Clone this repo
git clone https://github.com/ffex/simple-grocery-demo.git
cd simple-grocery-demo
- Install dependencies
npm install
From the Appwrite console, note down the
API Endpoint
,Project ID
andCollection ID
of thePhotos
Collection and enter these insrc/config.js
.The project is ready to run! 🚀
ng serve
Submission Category:
Web2 Wizards
Top comments (0)