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
Databaseand add a newCollectioncalledProduct.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
Databaseand add a newCollectioncalledCategory.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
Databaseand add a newCollectioncalledList.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
Databaseand add a newCollectioncalledList_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 IDandCollection IDof thePhotosCollection and enter these insrc/config.js.The project is ready to run! 🚀
ng serve
Submission Category:
Web2 Wizards
Top comments (0)