Che cos'è?

FEM (FrontendMentor) è un sito americano per studenti di sviluppo web frontend che vogliono migliorare le proprie 
competenze e simula determinati ambienti di lavoro.

Ti da dei “progetti”, composti da un file di design, un file
 con user stories e funzionalità ed un file con testi e stili. Il tuo compito è quello di ricreare il design dato il più simile
possibile. Viene caricato, confrontato con il progetto, e viene bocciato o promosso.


Questa è una “calcolatrice mance”, si inserisce il prezzo totale, il quantitativo di persone e la percentuale di mancia.
Lei ti calcola la mancia per persona ed il totale per persona.

Di quali tecnologie fa uso?

Vanilla Js e vanilla CSS. Fa uso di tante funzioni utility che vengono evocate con i propri arguments, scritte da essere il più modulari possibili.

Le sfide:

Ricreare pixel perfect il design dato. Le funzionalità sono calcoli in base all’input ed i risultati vengono messi nella dom in rempo reale. Inoltre ho aggiunto “validazione” del form utilizzando javascript come ulteriore sfida personale, non essendo presente nel design originale.