This is a simple Scala.js application that I created as supporting material for a presentation at Imperial College London.
Main purpose of presentation was introducing Scala.js and Laminar (see below), showcasing interop features with JavaScript libraries and briefly touching upon packaging and deployment. Final version of an application uses browser storage for data, but has a JVM backend that invokes OpenAI API to generate titles from descriptions.
The final app is built on these languages, technologies, and frameworks:
- Scala parts:
- Frontend tooling
- Vite for bundling and live reload
- TailwindCSS for styling
- ECharts (from v2) for chart visualisation
- Deployment
The authors behind those tools and libraries walked so I could at least crawl, I'm deeply grateful.
This version only has the basic frontend functionality, and is a pure Scala.js frontend. The Dockerfile that deploys it just creates a container that serves static content build by Vite.
This version is same as V1, but adds an integration with Apache ECharts – a library for charts and plotting. It's a good example to showcase very basic interop with JS libraries. Deployment is the same as V1 – it's still a frontend-only application.
The most involved version, builds upon V2 and adds a JVM backend (using Cask) which exposes an endpoint that generates a title for a description using OpenAI API. The app is packaged as a self-contained JAR file, which serves Vite's bundle and exposes the API at the same time.
