maciejsmolinski / elm-playground

Elm Language Playground

Home Page:http://elm-playground.maciejsmolinski.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Elm Playground

Elm Language playground repository is supposed to consist of tiny projects that are easy to scan and reason about so that everybody can learn the language quickly by example.

Demos: http://elm-playground.maciejsmolinski.com/

Prerequisites

  • Install Node.js following instructions on the website
  • Install Elm npm install -g elm@0.17.0

Projects

Match Events (WebWorkers)

  • Demo: http://elm-playground.maciejsmolinski.com/match-events/
  • Installation:
    • Clone the repository with git clone https://github.com/maciejsmolinski/elm-playground.git && cd elm-playground/match-events
    • Install all dependencies with npm install
    • Build the project: npm run build
      • To watch for filechanges and re-build run: npm run dev instead
  • When done open the project with npm run open or simply open index.html in your browser

Random User API Integration

  • Demo: http://elm-playground.maciejsmolinski.com/randomuser/
  • Installation:
    • Clone the repository with git clone https://github.com/maciejsmolinski/elm-playground.git && cd elm-playground/randomuser
    • Install all dependencies: npm install
    • Build the project: npm run build
      • To watch for filechanges and re-build run: npm run dev instead
  • When done open the project with npm run open or simply open index.html in your browser

Simple Todo List

  • Demo: http://elm-playground.maciejsmolinski.com/todo/
  • Installation:
    • Clone the repository with git clone https://github.com/maciejsmolinski/elm-playground.git && cd elm-playground/todo
    • Install all dependencies: npm install
    • Build the project: npm run build
      • To watch for filechanges and re-build run: npm run dev instead
  • When done open the project with npm run open or simply open index.html in your browser

Purpose of the repository

This repository is meant to be a playground so that everybody can learn the language, break things, change things or even improve them.

Feel free to create pull requests if you find these examples useful. Also, please let me know if you find them too easy or too complex or not interesting at all.

Thanks for the interest and taking your time to visit the repository!

Stay in touch

Have questions? Raise an issue or contact me on twitter: @maciejsmolinski

About

Elm Language Playground

http://elm-playground.maciejsmolinski.com/

License:ISC License


Languages

Language:Elm 35.0%Language:JavaScript 31.3%Language:HTML 25.4%Language:CSS 8.4%