https://github.com/safhac/elm-app-demo

elm app demo with webpack, routing and mock http server
https://github.com/safhac/elm-app-demo

elm-css elm-demos elm-lang routing webpack2

Last synced: about 1 month ago
JSON representation

elm app demo with webpack, routing and mock http server

• Host: GitHub
• URL: https://github.com/safhac/elm-app-demo
• Owner: safhac
• Created: 2018-01-15T07:08:54.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-21T14:18:13.000Z (almost 7 years ago)
• Last Synced: 2024-10-11T13:41:21.191Z (2 months ago)
• Topics: elm-css, elm-demos, elm-lang, routing, webpack2
• Language: Elm
• Size: 537 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Elm app demo 

### rtfeldman/elm-css

### evancz/url-parser & elm-lang/navigation

### ryanolsonx/elm-mock-http

### elm-webpack-starter

## About:

A demo app with generic features of a commercial app

* Webpack

* Elm Css

* Routing

* Json Decoding

### User

* Log in/out and registration

### Product (or Items/Posts)

* Mock server calls and json decoding

* Filtering and sorting operations

## Install:

```

git clone [email protected]:safhac/elm-app-demo.git my-elm-project

cd my-elm-project

```

Re-initialize the project folder as your own repo:

```

rm -rf .git         # on Windows: rmdir .git /s /q

git init

git add .

git commit -m 'first commit'

```

Install all dependencies using the handy `reinstall` script:

```

npm run reinstall

```

*This does a clean (re)install of all npm and elm packages, plus a global elm install.*

## Serve locally:

```

npm start

```

* Access app at `http://localhost:8080/`

* Get coding! The entry point file is `src/elm/Main.elm`

* Browser will refresh automatically on any file changes..

## Build & bundle for prod:

```

npm run build

```

* Files are saved into the `/dist` folder

* To check it, open `dist/index.html`