Awesome
SimpleGrocery
<p align="center"> <img src="https://github.com/ffex/simple-grocery-demo/blob/main/Public/built-with-appwrite.svg" width="200px"> </p> <p align="center"> This project was created with [Appwrite](https://github.com/appwrite) and [Angular CLI](https://github.com/angular/angular-cli) version 12.0.2. </p> <p align="center"> The purpose is to create grocery shopping list fast and simple. </p>Feature
<img src="https://github.com/ffex/simple-grocery-demo/blob/main/Public/Screenshot%202021-10-30%20at%2013.44.49.png" >-
Add shopping list with name
-
Select simple and fast a product in the right tab
-
See the list grow!
Run locally
-
Install Appwrite by following the installation guide.
-
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! :rocket:
ng serve
Special Thanks
Agata for the food images.