Clever Price Viewer

Base Directive: Use Clever Cloud API to retrieve pricing information and display 3 separate grid columns. Users can select a runtime and a VM size in the first two columns and view their selected products in the last. Total price is displayed in the header part.

Stack

The project was built using Svelte, SvelteKit and TypeScript.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn build