The milobella website is powered by single-spa. It allows us to separate it in several part called micro-frontends.
Each of the micro-frontends is deployed in its own Pod and Service.
The portal folder contains single spa main configuration. It contains no business and configure only the single spa applications.
Each single spa application is an Angular Application project that can be find in angular/projects directory.
- login - login page of the website
- menu - menu of the website
- try-it - interface to speak with Milobella
- abilities - management of abilities configuration
- nlg - interface to manage text generation models
In coming:
- nlu : to manage text understanding models
- tts : to configure the Text To Speech
- stt : to configure the Speech To Text
portal is the main MF of the website. It does not contain much html and its only purpose is to merge
every MFs in one unique page.
The login MF is materialized by the login prompt. It is displayed whenever the user is not logged in. (i.e. the token
is not found or expired)
It is used as a guard for every other routes.
More details here : login.
The menu MF is materialized by the navigation bar at the top of the site. It allows us to navigate in
each tab of the website which are probably each separated in their own MF.
More details here : menu.
try-it app is a simple and pure chat tool.
We write something and Milobella answers us, nothing more...
More details here : try-it.
abilities app allows the user to modify Abilities' configurations.
It makes CRUD actions on Abilities' configurations.
More details here : abilities.
nlg is the app of Natural Language Generation.
It allows us to modify the sentences that Milobella can produce in all languages.
| On the left | On the right |
|---|---|
| We have a very detailed robotic sentence produced by Milobella. | We give some "translations" in real life words. |
We can add one or more sentences by robotic ones, and by language.
More details here : nlg.
In construction
In construction
In construction
Go to https://single-spa.js.org/docs/ecosystem-angular/ to learn how all of this works.