Skip to content

ccamel/playground-elm

Repository files navigation

|> playground-elm

release MIT FOSSA Status build-status quality-grade ELM made with bulma pnpm git3moji StackShare Demo

My playground I use for playing with fancy and exciting technologies. This one's for elm.

🎯 Purpose

The purpose of this playground is to explore, study and assess the elm language — a delightful language for reliable webapps.

https://ccamel.github.io/playground-elm/

The showcases are intended to be:

  • simple: Fairly simple and understandable. Every showcase is implemented in a single elm file.
  • exploratory:
    • Highlight some aspects of the elm language, like immutability, reactiveness, performance and interoperability with other JS libraries and CSS frameworks.
    • Explore some architectural/design patterns around reactive static/serverless SPA
  • playable: As much as possible, provides a useful and enjoyable content.

🍿 Showcases

Visit the 🔹 demo site and play in your browser.

The demo is a pure SPA (100% clientside application) written in elm.

List of showcases:

🛠 Building and Running

Elm 0.19

Elm 0.19 broke me as many other coders, due to a lot of changes on topics I used in this project with previous version:

  • elm.json file
  • JSON decoding
  • String / Int / Float conversions
  • Browser application, routing
  • Url management
  • date time (Posix, Zone)
  • lots of incompatible packages
  • ...

I finally managed to migrate to this new version but instabilities can be noticed though.

Prerequisites

Be sure to have the following properly installed:

Build

The project now relies on parceljs, a web application bundler which handles elm builds at free.

At first, all the node packages this project depends on must be installed locally. This can be done with the following command:

pnpm install

The build can be launched with:

pnpm build

Then, open ./dist/index.html file in your browser.

If you prefer, the site can be published by a local HTTP server. In this mode, if any change is detected, the build of the project will be started again, and the site automatically updated in the browser; which is nice during the development phases.

The publication is launched with the following command:

pnpm serve

The site is accessible through the "/ endpoint.

🔋 Technologies

📜 License

MIT © Chris Camel

FOSSA Status