I miei lavori

Sito realizzato su commissione per un gruppo di ragazzi appassionati di Fantacalcio.
Per realizzare il sito ho utilizzato Laravel 11 con PHP 8.2 e Vue 3 tramite laravel breeze.

Si tratta di un progetto dove gestire tramite web un Fantacalcio con regole custom; ci sono sostanzialmente 3 versioni del sito a seconda del tipo di utenza a cui si appartiene:

• Amministratore: è colui che gestisce la registrazione delle utenze ai partecipanti, gestisce il database dei giocatori tramite importazioni con file excel, crea le giornate con le scadenze (entro le quali i giocatori dovranno creare le formazioni), assegna i punteggi per la classifica generale e di coppa alle formazioni delle varie giornate e organizza i gironi di coppa in tutte le sue fasi.
• Giocatore: il giocatore partecipa al Fantaguido, una volta registratagli l'utenza si potrà impostare la password e loggandosi creerà una squadra per la stagione in corso; per ogni giornata in corso dovrà creare la propria formazione seguendo alcune regole implementate dal sito e validate sia in frontend che in backend, scadute le giornate può visionare i punteggi e le formazioni di tutti i partecipante e può vedere le classifiche e i risultati di coppa.
• Spettatore: non possiede una squadra partecipante al Fantaguido, per cui può solamente vedere le formazioni e i punteggi delle giornate scadute, i risultati delle partite di coppa e le classifiche. (Gli screenshot sono presi da questo tipo di utenza)

Progetto personale svolto per riprendere la mano con Vue ed imparare ad usare la versione 3.
Si tratta di una specie di "cloud" di foto in cui gli utenti registrati possono accedervi e caricare foto. Possono decidere di rendere le foto pubbliche in modo che finiscano nella sezione dedicata e che chiunque possa vederle, oppure mantenerle private per vederle solo nella propria sezione. Queste foto possono poi essere scaricate o eliminate a piacere.
Per maggiori informazioni vi invito a visitare la pagina cliccando su "Provalo ora!"

Questo sito che stai visitando, letteralmente! L'ho sviluppato poco prima di completare i miei studi come modo per esercitarmi e presentare i miei progetti. Per realizzarlo ho scelto di utilizzare PHP come linguaggio, jQuery come libreria JavaScript e Tailwind come framework CSS, per approfondire le mie competenze con queste tecnologie.
Nel corso del tempo, ho trasformato il mio sito da una semplice vetrina a qualcosa di più complesso. Ad esempio, ho integrato il mio progetto Deliveboo, trasformando il sito stesso in una rotta Laravel e ho implementato un pannello di controllo che mi consente di modificare i dati tramite un'interfaccia utente. Questo pannello di controllo è stato sviluppato utilizzando PHP e sfruttando il concetto di programmazione a oggetti. Cerco di aggiornare periodicamente il mio sito con nuovi progetti e nozioni apprese, continuando a migliorarlo nel tempo.
Se desideri saperne di più, sarò felice di condividere ulteriori informazioni attraverso la sezione Contattami.

Ho realizzato una pagina personale di fotografia, è un sito divenuto nel tempo sempre più complesso, infatti è formato da due progetti:

• un progetto frontend realizzato con vuejs 2 in ambiente node, una single page application che utilizza il pacchetto vue-router per mappare i componenti con le varie rotte;
• un progetto backend (pannello di controllo) sviluppato in PHP vanilla e accedibile solo conoscendo il link ed effettuando un login; esso consente la gestione indipendente sia delle varie categorie (quindi delle sottosezioni della galleria del frontend), mettendo a disposizione la possibilità di crearne una nuova o modificarne/eliminarne una esistente, sia delle foto di ogni categoria consentendo di aggiungerne di nuove o di eliminare quelle non più desiderate.

Di conseguenza il sito principale effettua delle chiamate api tramite axios al pannello di controllo, il quale interroga il DB, recupera le informazioni richieste (path delle immagini, categorie da mostrare ecc..) e le restituisce così da mostrarle in pagina come desiderato.

Ho creato questa libreria PHP da installare con composer per la compressione e conversione delle immagini all'interno di altri progetti PHP.
La libreria è pubblica e può essere usata da chiunque! Puoi vedere la repository cliccando su "Provalo ora!"

Si tratta di una procedura PHP - utilizzabile in locale - che converte e (se lo si desidera) comprime le vostre immagini.
Questa utility si basa sull'utilizzo dei metodi della mia libreria 'fpdev\compress_and_convert_images_librarty', basterà mettere le immagini da convertire nella cartella "input_files" (è possibile anche customizzare la cartella di input), gestire i parametri nel file .env e lanciare la procedura; il risultato verrà salvato in "output_files" (sempre customizzabile).

Per visitare e/o scaricare e provare questo progetto potete visionare la repository su GitHub cliccando su "Provalo ora!", troverete i dettagli per l'installazione nel file README!

Progetto finale del corso Boolean. In team, insieme a 4 colleghi, abbiamo sviluppato il mockup dell'applicazione Deliveroo, coordinandoci con le funzioni di GIT tramite VSCode e GitHub. Abbiamo sviluppato sia la parte backend, implementando viste per ristoratori, API REST per la gestione dei piatti, degli ordini e delle categorie dei ristoranti, sia la parte frontend, nella quale avviene la ricerca del ristorante, dei piatti e che permette infine di ordinare ciò che si desidera.

Mockup dell'applicazione web di netflix, che implementa le APi del sito the movie db, realizzata con Vue.js in ambiente node.js ed effettua le chiamate API tramite Axios. Alcune delle funzionalità  implementate:

• Gestione preferiti;
• Dettagli film;
• Suddivisione in generi;
• Layout responsive.

Mockup di whatsapp web, con implementate le seguenti funzioni:

• Modifica nome/immagine profilo;
• Aggiunta nuovo contatto;
• Filtrare la lista contatti;
• Risposta ad un determinato messaggio;
• Dettagli di un determinato messaggio;
• Simulazione di animazione di risposta;
• Possibilità  di inviare messaggi vocali;
• Possibilità  di alternare modalità  chiara/scura del layout;
• Layout responsive.

Ho realizzato il mio gioco del campo minato, partendo da un esercizio fatto durante i miei studi ed espandendolo con le funzionalità  che sono nel gioco originale, oltre ad un piccolo algoritmo per il calcolo del punteggio. Ho utilizzato javascript vanilla per realizzarle e ho infine implementato un piccolo database per la gestione di una classifica "top 10" collegato all'applicazione tramite php.

Imitazione del famoso CMS wordpress realizzato tramite laravel. Ho implementato sia quella che à la parte back-end (admin side) seguendo il modello MVC (model-view-control), sviluppando le CRUD (create-read-update-delete) dei modelli implementati; ho implementato migration e seeder per il DB utilizzando la libreria 'faker' per generare dati random, gestito lo store di immagini e il login/signin; inoltre ho aggiunto anche la parte front-end (client side) sviluppata tramite vue.js e gestendo le diverse rotte con vue-router.

Tre degli esercizi che ho svolto a seguito della coding week tenuta da boolean. Ci tengo a sottolineare che è un evento tenuto dai teachers di boolean ed è completamente GRATUITO e aperto a chiunque, anche a coloro che non hanno alcuna conoscenza di programmazione.

1. un pianoforte che con il click del mouse riproduce la nota corrispondente;
2. un sintetizzatore vocale con una paperella che si anima una volta che lo si attiva;
3. un'applicazione meteo collegata ad una API che mostra il meteo a seconda della tua località  e mostra una GIF o immagine (un meme) a seconda degli eventi atmosferici e del momento della giornata.

Esercizio svolto durante gli studi alla fine degli argomenti riguardante la parte front-end. Ogni studente aveva il suo progetto da svolgere e questo era quello assegnatomi e che poi ho dovuto presentare in una simulazione di colloquio con un ipotetico cliente, simulato da uno dei tutor del corso.

Alcuni degli esercizi da me svolti riguardanti: database, le relazioni, le query e il collegamento con php.

Primo esercizio "lungo" (svolto in 3 pomeriggi) alla fine dello studio di html e css. Mockup del sito PlayStation, completamente responsive e sviluppato utilizzando il framework css bootstrap.

Mockup dell'applicazione spotify realizzato con solo html e css, quindi privo di logica, completamente responsive.

Esercizio di collegamento fra php e vue.js. La parte in php funge da API, infatti i dischi sono in un array di array in un file php e vengono recuperati da vue come file JSON tramite una chiamata axios.