Challenge

Fishing Shop

1 Beginner

Web app che implementa, tramite il drag and drop, una bilancia per pesare il pescato del giorno.

Strutture dati Drag and drop
Fishing Shop

In questa challenge l’obiettivo è creare una web app che, tramite drag and drop, permette di trascinare dei pesci su una bilancia. Ogni pesce ha un peso (espresso in chili) e un prezzo al chilo. Man mano che l’utente trascina i pesci, il guadagno mostrato sulla bilancia aumenta.

Non è obbligatorio che il layout sia responsive, possiamo immaginarlo anche solo per tablet / desktop. Il drag and drop deve essere implementato in modo nativo con JS, quindi senza librerie.

Starter Kit

Nello starter kit troverete:

  • assets: contiene le immagini necessarie per la creazione dell’app index.html: è il file HTML su cui lavorare, ha già collegati il file css e il file js
  • css: contiene il file CSS e all’interno sono già importati i font necessari
  • js: contiene il file JS con un array di partenza di pesci, ma sentitevi liberi di aggiungerne altri (troverete diverse immagini negli assets)

Consigli

Scegli le tecnologie che preferisci per affrontare la challenge. Il nostro consiglio è sempre quello di mettersi alla prova con qualcosa di nuovo, che sia un linguaggio, un argomento o una funzionalità. Se può aiutarti puoi partire da una versione statica e aggiungere dinamicità un passo alla volta.