https://github.com/teesloane/arisgarden

Electronic Cookbook
https://github.com/teesloane/arisgarden

elm food recipes

Last synced: about 2 months ago
JSON representation

Electronic Cookbook

• Host: GitHub
• URL: https://github.com/teesloane/arisgarden
• Owner: teesloane
• Created: 2019-09-02T19:30:06.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T04:53:11.000Z (over 1 year ago)
• Last Synced: 2024-04-29T04:07:15.333Z (2 months ago)
• Topics: elm, food, recipes
• Language: Elm
• Homepage: https://arisgarden.theiceshelf.com
• Size: 135 MB
• Stars: 55
• Watchers: 4
• Forks: 8
• Open Issues: 11
• Metadata Files:
  • Readme: readme.md

Lists

• awesome-elm - Ari's Garden - A recipe [site](https://arisgarden.theiceshelf.com/) built as an SPA that also makes use of the Elm parser. (Examples / Other editors)

README

        
![](src/assets/imgs/_ari_1.png)

[Ari's Garden](https://arisgarden.theiceshelf.com/) is a site for collecting and displaying the journey of making and

discovering food.

Using Ari's Garden, you can find recipes and use dynamic features like tooltips

and timers to help you cook.

## Building / Process 

**Requirements**

1. Elm 0.19.1

2. Node >= 7.x.x

**Steps to Getting Started**

1. Clone the repo

2. Run `npm install`

3. Run `npm start`

**Adding new recipes/images**

- Recipes are stored in `src/scripts/recipes.org`. All recipes must follow the same general schema.

- `convert.js` is used to turn `recipes.org` into `src/scripts/db.json`

- sequences of images can be turned into gifs using `ImageMagick's` `mogrify` command:

```sh

mogrify -resize 400 *.JPG

convert -delay 5 -loop 0 *.JPG output.gif

```

  

### Notes on adding new pages.

When adding a new (stateful) page, you have to make a few changes. A page is a "mini-version" of The Elm Architecture.

- *File*: Create a new file + namespace in Pages/ with:

    - a model

    - an update + types

    - a view

- *Routing* Add the page + it's types to the Router and it's parser.

- *Main* Update main with the mini TEA into the main TEA:

    - Refactor Update to handle passing the sub state around, and map commands.o=

    - Map.html for subviews.

    - Add the sum of the msg types to the union types under Types.elm ( Naming 🤦‍♂️))