slegrand45 / examples_ocsigen

Some code examples made with Ocsigen / js_of_ocaml

Examples with Eliom

• Work in progress: Eliom tutorial.

• A very simple example of using Eliom services for the server side with OCaml Vdom for the client side.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/eliom/with-ocaml-vdom/simple/

Examples with js_of_ocaml

• A Reactive version of TodoMVC.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/todomvc-react
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/todomvc-react/

• A Reactive version of Tic-Tac-Toe game. The idea of this demo came from the talk "Enterprise Tic-Tac-Toe" by Scott Wlaschin.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/tic-tac-toe
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/tic-tac-toe/

• Even 👾 Darth Vader 👾 uses js_of_ocaml. This is a port of the Darth Vader Résumé from Novorésumé with a Material Design template. The code uses the force and Material Design Lite.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/curriculum-vitae
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/curriculum-vitae/

• A Pong game. Inspired by the article "Client-side haskell" written by Ifeanyi Ubah.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/pong
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/pong/

• Draw a plant with SVG and L-System: http://algorithmicbotany.org/papers/abop/abop.pdf

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/lsystem
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/lsystem/

• Pico spreadsheet: editable cells with a reactive SVG graph and a reactive sums line.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/pico-spreadsheet
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/pico-spreadsheet/

• How to build and download a CSV file without any server processing and only from client side data.

  • Source: https://github.com/slegrand45/examples_ocsigen/tree/master/jsoo/build-local-csv-file
  • Demo: http://slegrand45.github.io/examples_ocsigen.site/jsoo/build-local-csv-file/