An open API service indexing awesome lists of open source software.

https://github.com/rofrol/elm-math-kids


https://github.com/rofrol/elm-math-kids

Last synced: 7 months ago
JSON representation

Awesome Lists containing this project

README

          

# elm-math-kids

TODO:

- [ ] Convert set to list, shuffle list, set update functions for inputs using updateElement from http://stackoverflow.com/questions/34502706/elm-update-elements-in-a-list

## elm navigation example

I've created this example to have easy reference code how to use elm-lang/navigation without using hashes.

This example is based on:

- general structure taken from https://github.com/elm-lang/navigation/tree/master/examples
- the routing part from https://github.com/ohanhi/elm-taco

## How to run

To set up on your own computer, you will need `git`, `elm-0.18`, `node.js`, `yarnpkg`.

Also web browser with support of [Object.assign](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/assign) for loading `env.js`. There is also [polyfill](https://github.com/sindresorhus/object-assign).

Simply clone the repository and:

```bash
$ git clone https://github.com/rofrol/elm-navigation-example.git
$ cd elm-navigation-example
$ yarn
$ cp .env.example .env
$ ./tools/build-dev.sh
$ ./tools/server.js
```

In another terminal run:

```bash
$ ./tools/browsersync.js
```

Then navigate your browser to [http://localhost:8000](http://localhost:8000).

## Configuration

Based on https://12factor.net/config

```bash
cp .env.example .env
./tools/generate-env.js
```

You will get `dist/js/env.js` which is loaded to elm through flags.

## Linter elm make - don't compile twice

https://gist.github.com/rofrol/fd46e9570728193fddcc234094a0bd99#atom-editor-and-linter-elm-make---dont-compile-twice

## TODO

- [ ] use query string
- [ ] use ohanhi/elm-web-data