• Stars
    star
    123
  • Rank 290,145 (Top 6 %)
  • Language
    Elm
  • Created almost 9 years ago
  • Updated about 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Sample application for my blog series on creating a Single Page CRUD app using Elm and Haskell

Albums Haskell/Elm App

1. Preconditions

1.1. Backend

The backend is written in Haskell and uses servant to serve a REST-api.

You will need to install:
  1. Haskell - You might want to install Haskell platform

  2. Stack

1.2. Frontend

The frontend is written in Elm

You will need to install:
  1. Elm platform

2. Get it up and running

Firstly just clone this repo. If you wish to try out the demo app corresponding with a particular episode of the accompanying blog series, checkout the appropriate tag (named after each episode)

2.1. Backend

  1. Open a terminal and cd to $albums/backend

  2. (Optional/Depending on your ghc version in path) - stack setup

  3. stack build

  4. stack exec albums

If you would like to hack with reload support: - stack install halive alternatively clone halive and build with stack manually (you might need to fiddle to ensure the ghc version used matches/is compatible with the backend app) - stack exec halive src/Main.hs src - Edit/save and enjoy recompile and auto restart

You may test that it’s up and running by curl http://localhost:8081/artists/1

2.2. Frontend

  1. Open a terminal and cd to $albums/frontend

  2. elm-package install --yes

  3. npm install

  4. npm run dev

Open a browser window with the following url: http://localhost:8090/

You should now be able to do changes on .elm files, and upon save get live reload.

More Repositories

1

elm-bootstrap

Responsive and reliable web apps with Elm and Twitter Bootstrap
Elm
398
star
2

elm-light

Elm language plugin for Light Table
JavaScript
133
star
3

clj-light-refactor

Light Table plugin providing refactoring support for clojure
JavaScript
55
star
4

acme-buddy

Sample applications for my blog series on authentication and authorization with buddy
Clojure
45
star
5

LightTable-Groovy

Groovy plugin for Light Table
JavaScript
25
star
6

parembrace

A different PareEdit for Light Table - powered by rewrite-cljs
JavaScript
14
star
7

lt-snippets

Snippets/templates support for Light Table
JavaScript
12
star
8

elm-bootstrap.info

User documentation for Elm Bootstrap
Elm
11
star
9

blog

My Personal Blog Space
CSS
10
star
10

elm-sweeper

Elm
9
star
11

elm-workshop

Get started building Web Apps with Elm
Elm
9
star
12

gradle-buster-plugin

Gradle plugin for running buster js javascript tests
Groovy
7
star
13

LightTable-settings

My Personal settings for the LightTable Editor
JavaScript
6
star
14

generic-gradle-model

A generic General purpose Gradle model that exposes more of your project info than what you get from the shipped tooling api.
Groovy
4
star
15

elm-autoselect

Customizable autocomplete / select with debouncing support etc
Elm
3
star
16

ltplanck

Light Table Planck plugin
JavaScript
3
star
17

AsciiLight

AsciiDoc preview plugin for Light Table
JavaScript
2
star
18

TapestryGorm

Tapestry and Gorm in harmony
Groovy
2
star
19

osloelmday

Elm
1
star
20

elm-jz2016

Elm
1
star
21

euro-2016-predictions

Coming soon
Elm
1
star
22

Dumpling

Gradle sample multiproject
Java
1
star
23

elm-docker-cloud-demo

Sample App for a potential elm-docker-cloud api lib
Elm
1
star
24

elm-flatmap2016

Functional Programming for The Web using Elm - Flatmap 2016
JavaScript
1
star
25

lt-user-plugin

My User Plugin for Light Table - The new home of all my settings and tweaks
JavaScript
1
star
26

ts-ws-machine

TypeScript WebSocket Client modelled as an FSM. Comes with reconnect and heartbeat support
TypeScript
1
star