Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ffex/simple-grocery-demo
A simple shopping list easy to use.
https://github.com/ffex/simple-grocery-demo
appwrite
Last synced: about 1 month ago
JSON representation
A simple shopping list easy to use.
- Host: GitHub
- URL: https://github.com/ffex/simple-grocery-demo
- Owner: ffex
- Created: 2021-10-30T11:52:41.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-30T12:32:10.000Z (about 3 years ago)
- Last Synced: 2024-08-02T07:23:20.089Z (4 months ago)
- Topics: appwrite
- Language: TypeScript
- Homepage:
- Size: 728 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-appwrite - Source Code
README
# SimpleGrocery
This project was created with [Appwrite](https://github.com/appwrite) and [Angular CLI](https://github.com/angular/angular-cli) version 12.0.2.
The purpose is to create grocery shopping list fast and simple.
## Feature
1. Add shopping list with name
2. Select simple and fast a product in the right tab
3. See the list grow!
## Run locally
1. Install Appwrite by following the [installation guide](https://appwrite.io/docs/installation).
2. Open the Appwrite console and create a new project.
3. Navigate to `Database` and add a new `Collection` called `Product`.
4. 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 | |
5. Navigate to `Database` and add a new `Collection` called `Category`.
6. Add the following rules and permissions:
#### Rules:
| Label | Key | Type | Required | Array | Default Value |
| :---------- | :----------- | :-------- | :------- | :---- | :------------ |
| Name | `name` | Text | `true` | false | |
| Description | `description`| Text | `false` | false | |
7. Navigate to `Database` and add a new `Collection` called `List`.
8. Add the following rules and permissions:
#### Rules:
| Label | Key | Type | Required | Array | Default Value |
| :---------- | :----------- | :-------- | :------- | :---- | :------------ |
| Name | `name` | Text | `true` | false | |
| Description | `description`| Text | `false` | false | |
9. Navigate to `Database` and add a new `Collection` called `List_Product`.
10. 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: `*`
3. Clone this repo
```bash
git clone https://github.com/ffex/simple-grocery-demo.git
cd simple-grocery-demo
```
4. Install dependencies
```bash
npm install
```
5. From the Appwrite console, note down the `API Endpoint`, `Project ID` and `Collection ID` of the `Photos` Collection and enter these in `src/config.js`.
6. The project is ready to run! :rocket:
```bash
ng serve
```
#### Special Thanks
[Agata](https://goodstuffnononsense.com/) for the food images.