Questo e’ un progetto che ho fatto durante il freeCodeCamp per ottenere il mio FCC Front End Certificate.
Le specifiche complete sono sul FCC Simon Game.
Obiettivo
Costruire un’applicazione CodePen.io simile in funzionalita’ a questo demo.
Soddisfare le User Stories di sotto. Usare qualsiasi libreria o APIs che si voglia. Dare uno stile personale all’applicazione.
User Stories
- Mi viene presentata una successione di pulsanti premuti casualmente.
- Ogni volta che premo la serie di pulsanti correttamente, mi viene presentata la stessa serie di pulsanti premuti piu’ un passo aggiuntivo.
- Sento un suono che corrisponde ad ogni bottone, sia quando la serie di bottoni viene mostrata, e sia quando premo personalmente un pulsante.
- Se premo il bottone sbagliato ne ricevo notifica, e la serie di bottoni ricomincia da capo a farmi vedere il pattern di pulsanti e posso ricominciare da capo.
- Posso vedere quanti passi ci sono nella serie corrente.
- Se voglio ricominciare, posso premere un pulsante ed il gioco ricominciera’ da capo al passo iniziale.
- Posso giocare in modalita’ strict mode, nella quale se sbaglio un pulsante vengo notificato dell’errore ed il giorno ricomincia da capo con una nuova sequenza di pulsanti.
- Posso vincere il gioco azzeccando una sequenza di pulsanti lunga 20 passi correttamente. Vengo notificato della mia vittoria ed il gioco comincia nuovamente.
CodePen
Questa e’ la mia solutione, usando React su CodePen.
See the Pen React Simon Game by Lorenzo (@lorepirri) on CodePen.
Se questo articolo vi e’ stato utile, per favore premete il tasto Mi Piace o Condividi! Se avete dei suggerimenti o avete trovato un errore, per favore Commentate qua sotto, oppure Contattatemi!