DEV Community

Bhagya
Bhagya

Posted on

FoodLy for Appwrite + Dev Hackathon 22'

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

Image description

  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. First need to install aprite locally.

  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
Enter fullscreen mode Exit fullscreen mode
  1. Install dependencies
  npm install
Enter fullscreen mode Exit fullscreen mode
  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
Enter fullscreen mode Exit fullscreen mode

Submission Category:

Web2 Wizards

Link to Code

Top comments (0)