APPROFONDIMENTO · FORMAZIONE BOOLEAN

I progetti del percorso Boolean.

Nel percorso intensivo di 700 ore ho messo in pratica le basi dello sviluppo web attraverso progetti individuali e un’applicazione finale in team. Questi sei esempi mostrano la progressione dal layout e dalla logica JavaScript ai componenti Vue, alle API e al coordinamento del lavoro condiviso.

Esplora i progetti Verifica l’attestato Boolean

IL PERCORSO: Boolean · 700 ore · 2023–2024
GLI AMBITI: Sei progetti: applicazioni, dati, interazioni, componenti e layout
IL PROGETTO FINALE: Team di 5 persone · Circa un mese · Sviluppo in autonomia

PROGETTI DIDATTICI · 2023–2024

Dal frontend al progetto finale

Dalle interfacce in JavaScript e Vue alle applicazioni complete con Laravel, fino al progetto finale sviluppato in team.

Progetto finale
Team di 5 persone
Circa un mese

DeliveBoo

PHP · Laravel · API · Braintree sandbox

Guarda demo Codice backend

Ordinazione di cibo a domicilio: dalla scelta dei piatti al pagamento, fino alla gestione degli ordini nell’area ristoratore.

Applicazione per ordinare cibo a domicilio. Abbiamo gestito il progetto in autonomia, con docenti di altre classi nel ruolo di committenti per simulare il confronto con gli stakeholder.

Coordinamento condiviso

Mi sono occupato della divisione dei compiti, delle decisioni tecniche e del supporto ai compagni, concordando le scelte con il gruppo.

Backend e pagamenti

Ho implementato la gestione degli ordini, collegandoli a piatti e quantità ed esponendo API e viste di consultazione. Per i pagamenti ho integrato Braintree in sandbox: generazione del token per il client, invio della transazione e restituzione dell’esito.

Applicazioni, dati e interazioni

Due progetti individuali dedicati all’integrazione con API esterne e alla gestione dello stato e delle interazioni in una chat simulata.

INTEGRAZIONE CON API ESTERNE

Boolflix

Vue · Vite · Axios · SCSS · API TMDb

Applicazione Vue per cercare film e serie TV tramite le API di The Movie Database. Ho collegato la ricerca alle richieste HTTP e organizzato la visualizzazione dei risultati attraverso componenti e stato condiviso.

Richieste parallele per film e serie TV, con gestione dei due insiemi di risultati.
Schede con copertina, titolo, titolo originale, lingua e valutazione convertita in stelle.
Componenti riutilizzabili per la ricerca e la presentazione delle informazioni ricevute dall’API.

Apri demo Codice del progetto

Catalogo di film e serie TV da esplorare attraverso ricerca, locandine e schede informative.

STATO E INTERAZIONI

Boolzapp

JavaScript · Vue · HTML · CSS

Simulazione di una chat in Vue, dedicata al coordinamento tra dati, stato dell’applicazione e azioni dell’utente.

Ricerca dei contatti e creazione o eliminazione delle conversazioni.
Invio dei messaggi e risposte automatiche temporizzate.
Tema chiaro/scuro e navigazione mobile tra lista e chat.

Apri demo Codice del progetto

Interfaccia di messaggistica per esplorare conversazioni, cercare contatti e scambiare messaggi simulati.

Logica, componenti e layout

Tre esempi dedicati alle regole di un programma, alla composizione delle interfacce e al loro adattamento ai diversi schermi.

LOGICA JAVASCRIPT

Prato Fiorito

JavaScript · HTML · CSS

Gioco a griglia in JavaScript puro, con attenzione alle regole della partita, alla gestione dello stato e alla scomposizione del codice in funzioni.

Difficoltà selezionabile e bombe casuali senza duplicati.
Punteggio, vittoria, sconfitta e riavvio della partita.
Funzioni dedicate alla griglia e agli aggiornamenti del DOM.

Apri demo Codice del progetto

Gioco a griglia: scopri le caselle sicure ed evita le bombe, scegliendo tra tre livelli di difficoltà.

COMPONENTI E PROPS

Avada Forum

Vue · Vite · HTML · SCSS

Replica del layout assegnato di un forum tech. Il lavoro si concentra sulla composizione dell’interfaccia e sul riutilizzo dei componenti Vue.

Struttura divisa in header, sezioni principali e footer.
Menu e contenuti costruiti da dati passati tramite props.
Card, articoli e liste per le diverse sezioni della pagina.

Apri demo Codice del progetto

Homepage di una community tech, con notizie, discussioni e contenuti organizzati per argomento.

LAYOUT RESPONSIVE

Bootstrap Dashboard

HTML · CSS · Bootstrap 5

Replica di una dashboard a partire da schermate assegnate. Ho lavorato sulla struttura della pagina e sulla sua resa ai diversi breakpoint Bootstrap.

Navigazione, sidebar, tabelle e form in un’unica interfaccia.
Griglia e classi responsive per adattare contenuti e colonne.
Componenti Bootstrap per il pannello laterale e le FAQ espandibili.

Apri demo Codice del progetto

Dashboard scolastica che riunisce classi, studenti, attività e statistiche in un’interfaccia responsive.

Contatti

Parliamone

Valuto opportunità Full Stack Developer e Software Engineer. Vivo tra Catania e Licata e prediligo il lavoro da remoto, con apertura a soluzioni in presenza o ibride nelle vicinanze.

Contattami Scarica il CV

perugamassimo10@gmail.com