Alien Alphabet
π Naam project:
lab-state-alien-alphabet
π Basis project: n/a
Maak een nieuwe React applicatie aan en noem deze lab-state-alien-alphabet.
- Maak een array aan die de inhoud van de volgende json bevat. Je mag deze gewoon copy pasten: https://raw.githubusercontent.com/slimmii/alien-alphabet/master/alien.json . Zorg wel dat je de interface juist hebt.
- Zorg ervoor dat alle images van de letters getoond worden. Je kan dit in een button zetten.
- Als je op een alien letter klikt moet deze toegevoegt worden aan een array. Je moet het volledige object toevoegen, niet enkel de letter.
- Toon de letters die je gekozen hebt in een lijst.
- Voeg een backspace button toe die het laatste element van de array verwijdert.
- Voeg een clear button toe die de array leeg maakt.
Live voorbeeldβ
Voorbeeld ladenβ¦