A simple dynamic charting project to fetch specific assets on Backend and render graphics with d3 on Frontend. Using Giraffe on Backend and Fable on Frontend. Full F# web application.

The project was develop to save the assets on server using Giraffe and provide the assets on the GET routes /silver and /gold. Before initialize the Giraffe server, a synchronous request is done to save locally SILVER.json and GOLD.json on /tmp folder. After that, two asynchronous task are initiated to download each file after 1 minute. So then the server giraffe is enable. This ensure that when /silver and /gold will be called at least one version of SILVER.json and GOLD.json exists on the server.

The frontend was designed to use Fable for transpiling F# |> JS and charting the graphics using Line Chart by binding the libs of d3.js and nvd3.js. Partially, some binds I got from an external repository: FableCharting

• dotnet SDK 1.0.4 and runtime
• node
• yarn
• Giraffe
• Fable
• Mono (for build: msbuild)

You need fetch the nodejs dependencies with yarn install on the root of the repository. So then build the Frontend and Backend, in that order. For building Frontend and Backend a shell script util is provided: build.sh.

The overall steps is:

yarn install
./build.sh

The build.sh will call dotnet restore && dotnet fable yarn-run build on the root of Frontend. This will generate a /public/bundle.js file as target. So then, will be called on src/Backend: dotnet clean; dotnet restore; msbuild; dotnet run. This should generate the binaries, copy the public folder as WebRoot and provide as static files.

The build binaries should be generated on src/Backend/bin/Debug/netcoreapp1.1/ directory.

Unlicensed

Manoel Vilela