40 lines
1.3 KiB
Markdown
40 lines
1.3 KiB
Markdown
# Examples
|
|
|
|
1. [U.S. Presidents by Birth Place](https://evancz.github.io/elm-sortable-table/presidents.html)
|
|
2. [Travel Planner for the Mission District in San Francisco](https://evancz.github.io/elm-sortable-table/travel.html)
|
|
|
|
|
|
## Build Instructions
|
|
|
|
To see the examples *without* CSS, run the following commands:
|
|
|
|
```bash
|
|
git clone https://github.com/evancz/elm-sortable-table.git
|
|
cd elm-sortable-table
|
|
cd examples
|
|
elm-reactor
|
|
```
|
|
|
|
Then navigate to `1-presidents.elm` or `2-travel.elm` from [localhost:8000](http://localhost:8000/). When using `elm-reactor`, refreshing a page that ends with `.elm` will recompile the code in that file and show you the new result.
|
|
|
|
|
|
## Build Instructions with CSS
|
|
|
|
To see the examples *with* CSS, run the following commands:
|
|
|
|
```bash
|
|
git clone https://github.com/NoRedInk/elm-sortable-table.git
|
|
cd elm-sortable-table
|
|
cd examples
|
|
elm make 1-presidents.elm --output=elm.js
|
|
elm-reactor
|
|
```
|
|
|
|
Then open [localhost:8000/index.html](http://localhost:8000/index.html) in your browser. That HTML file loads in some CSS and whatever code is in `elm.js`. So if you want to see the second example with CSS, you can compile it like this:
|
|
|
|
```bash
|
|
elm make 2-travel.elm --output=elm.js
|
|
```
|
|
|
|
As you make changes, you will want to recompile the Elm code with `elm-make`.
|