/simple-grocery-demo

A simple shopping list easy to use.

Primary LanguageTypeScript

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.

  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
  1. Navigate to Database and add a new Collection called Category.

  2. Add the following rules and permissions:

Rules:

Label Key Type Required Array Default Value
Name name Text true false
Description description Text false false
  1. Navigate to Database and add a new Collection called List.

  2. Add the following rules and permissions:

Rules:

Label Key Type Required Array Default Value
Name name Text true false
Description description Text false false
  1. Navigate to Database and add a new Collection called List_Product.

  2. 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: *

  1. Clone this repo
  git clone https://github.com/ffex/simple-grocery-demo.git
  cd simple-grocery-demo
  1. Install dependencies
  npm install
  1. 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.

  2. The project is ready to run! 🚀

  ng serve

Special Thanks

Agata for the food images.