Progetti

Sono entusiasta di condividere con voi alcuni dei progetti di sviluppo web che ho realizzato come Full Stack Web Developer. Ogni progetto rappresenta una combinazione di competenze front-end e back-end, progettazione e implementazione, che ho acquisito nel corso del mio percorso professionale. Ecco alcuni di essi:

Vedi i Progetti

Su di me

Fin da quando ho toccato per la prima volta un computer, ho avuto una connessione profonda e appassionata con la tecnologia. Questa passione mi ha guidato attraverso gli anni, alimentando la mia curiosità e stimolando la mia sete di conoscenza. Mentre assistevo all'evoluzione delle tecnologie digitali, ho sempre avvertito una crescente motivazione a non solo essere un fruitore passivo, ma un creatore attivo in questo universo digitale in continua espansione.

È proprio questa passione incondizionata per la tecnologia che mi ha spinto a intraprendere il cammino verso diventare un Full Stack Web Developer. Ho deciso di affrontare questa sfida perché credo fermamente che il web sia il luogo dove la creatività, la funzionalità e l'accessibilità convergono in un'unica potente esperienza. Ho sempre desiderato essere parte di questa evoluzione, contribuendo a creare soluzioni innovative e coinvolgenti per gli utenti di tutto il mondo.

Negli ultimi mesi, ho investito tempo ed energia nell'apprendimento dei principali linguaggi di programmazione, come HTML, CSS, JavaScript e molte altre tecnologie web. Ho lavorato su progetti personali e ho seguito corsi online per sviluppatori, cercando sempre di migliorare le mie competenze.

Credo che la mia dedizione e il mio entusiasmo per la tecnologia, uniti al mio impegno costante nel percorso di apprendimento come Full Stack Web Developer, mi rendano un candidato ideale. Sono pronto a mettere in pratica le mie conoscenze e a collaborare con il vostro team per sviluppare soluzioni web innovative e di alta qualità.

Progetti

Boolbnb

Descrizione del progetto:

Il nostro team ha sviluppato un'applicazione simile ad Airbnb per la prenotazione di alloggi. Abbiamo utilizzato Vue.js come framework front-end, Vue Router per la gestione delle rotte, JavaScript per la logica lato client e un database MySQL per la memorizzazione dei dati relativi agli alloggi e agli utenti.

Funzionalità Principali:

  1. Registrazione e Accesso: Gli utenti possono registrarsi e accedere all'applicazione utilizzando le proprie credenziali. I dati degli utenti vengono memorizzati in modo sicuro nel nostro database MySQL.
  2. Ricerca di Alloggi: Gli utenti possono cercare alloggi disponibili inserendo criteri come destinazione, date di check-in e check-out, numero di ospiti e preferenze di prezzo. Utilizziamo Vue Router per gestire le diverse visualizzazioni, tra cui risultati di ricerca e schede dettagliate degli alloggi.
  3. Visualizzazione degli Alloggi: Gli utenti possono visualizzare dettagli completi sugli alloggi, comprese foto, descrizioni, tariffe, recensioni e disponibilità. L'applicazione mostra una mappa interattiva con la posizione degli alloggi.
  4. Prenotazioni: Gli utenti possono prenotare alloggi selezionati scegliendo date di check-in e check-out e confermando la prenotazione. Le informazioni sulla prenotazione vengono archiviate nel nostro database.
  5. Gestione del Profilo Utente: Gli utenti possono aggiornare le informazioni del proprio profilo, tra cui foto, nome, e-mail e password. Questi dati vengono memorizzati in modo sicuro nel database.
  6. Amministrazione degli Alloggi: I proprietari degli alloggi possono inserire nuovi alloggi specificando dettagli come titolo, descrizione, foto e tariffe. Possono anche gestire le prenotazioni, accettando o rifiutando le richieste.
  7. Recensioni e Valutazioni: Gli utenti possono lasciare recensioni e valutazioni sugli alloggi dopo il loro soggiorno. Queste recensioni contribuiscono a migliorare la fiducia degli utenti nell'applicazione.
  8. Sicurezza: Implementiamo misure di sicurezza avanzate, come la crittografia dei dati sensibili degli utenti e la protezione contro le vulnerabilità comuni.

Tecnologie Utilizzate:

  • Front-end: Vue.js con Vue Router per la gestione delle rotte.
  • Back-end: Node.js per la logica lato server.
  • Database: MySQL per la memorizzazione dei dati sugli alloggi, le prenotazioni e gli utenti.
  • Sistema di Autenticazione: JSON Web Tokens (JWT) per l'autenticazione degli utenti.
  • Interfaccia Utente: HTML, CSS e un design ispirato ad Airbnb per creare un'interfaccia utente coinvolgente e intuitiva.
Vedi Codice

Boolflix

Utilizzando Vite e Vuejs, ho ricreato la struttura responsiva della piattaforma di streaming Netflix. Ho riprodotto lo stile della pagina con SASS e Bootstrap. Inoltre, ho collegato il sito all'API di movieDB utilizzando Axios, consentendo di cercare un film o una serie TV per titolo e filtrare i risultati per tipo di media.

Vedi Codice

Dc Comics

Utilizzando Vite e Bootstrap, ho ricreato la struttura responsiva del sito web di DC Comics. Successivamente, utilizzando Laravel, ho creato l'Area Amministrativa che consente di gestire le informazioni dei fumetti come il titolo, l'immagine di anteprima, la data di uscita, ecc. Inoltre, attraverso l'interfaccia amministrativa, è possibile eliminare un fumetto o visualizzarne tutte le informazioni.

Vedi Codice

Boolzap

Utilizzando Bootstrap e CSS, ho ricreato la struttura responsiva dell'applicazione web di messaggistica di Whatsapp. Iniziando con una lista di contatti e chat, con Vuejs, ho popolato dinamicamente la pagina. Grazie alle funzioni JavaScript.

Vedi Codice

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form