I miei progetti

Il Portfolio Personale ovvero il sito su cui siete collegai in questo momento è un sito web interamente progettato e sviluppato da me come parte del mio percorso nel corso Full Stack Developer di Start2Impact. Questo progetto rappresenta non solo un esercizio tecnico, ma anche un'opportunità per raccontare la mia passione per il mondo dello sviluppo web e condividere il mio percorso con recruiter e datori di lavoro.
Obiettivi del Progetto:
L'obiettivo principale del portfolio è di fornire una piattaforma che:
Presenti le mie competenze: includendo una sezione dedicata alle mie skill tecniche e trasversali.
Mostri i miei progetti: con un carosello che evidenzia i lavori che ho svolto, descrivendone i dettagli.
Faciliti il contatto: tramite un form interattivo per permettere ai visitatori di inviarmi messaggi direttamente dal sito.
Caratteristiche Tecniche:
Responsive Design: il sito è ottimizzato per adattarsi a qualsiasi dispositivo, garantendo una navigazione fluida su desktop, tablet e smartphone.
Interattività: utilizza JavaScript per elementi come il carosello dei progetti e il form di contatto, che invia messaggi in tempo reale grazie all'integrazione con il servizio EmailJS.
Tecnologie Utilizzate:
HTML5 e CSS3 per la struttura e lo stile.
Bootstrap per velocizzare lo sviluppo del layout e migliorare la responsività.
JavaScript per funzionalità dinamiche come il form di contatto.
Valore Aggiunto
Questo progetto riflette il mio approccio pratico all'apprendimento: non solo utilizzo le conoscenze acquisite nel corso, ma le espando con personalizzazioni che dimostrano creatività, attenzione al dettaglio e capacità di ricercare le informazioni che mi servono online, capacità che ogni sviluppatore deve avere. Ogni sezione del portfolio è stata pensata per essere funzionale e accattivante, rispecchiando il mio impegno e la mia crescita come sviluppatrice web.

Se sei interessato a scoprire di più o vuoi discutere di come le mie competenze possano essere utili al tuo team, visita la sezione Contattami per inviarmi un messaggio! 😊

GreenEarth è un progetto realizzato come esercizio pratico per il corso Start2impact per simulare la creazione di un sito web per un cliente fittizio impegnato in iniziative ambientali. Questo progetto si concentra sull'uso di tecnologie moderne e best practice nello sviluppo web per creare un prodotto professionale, funzionale e accattivante.

Obiettivi Tecnici
Sviluppare un sito responsivo e scalabile: GreenEarth è progettato per garantire un'esperienza utente ottimale su tutti i dispositivi, utilizzando un design mobile-first.
Implementare uno stile modulare e riutilizzabile: Grazie all'uso di SCSS, il progetto adotta una struttura ben organizzata che facilita la manutenzione e l'estendibilità del codice.
Praticare tecniche avanzate di sviluppo front-end: Questo progetto è stato realizzato per consolidare le competenze in HTML5, CSS3, e SCSS.
Dettagli Tecnici del Progetto
HTML5:
Struttura semantica chiara e ben organizzata per migliorare l'accessibilità e la SEO.
Utilizzo di elementi semantici come header, main, section, e footer per definire le varie parti del sito.
SCSS (Preprocessore CSS):
Uso di variabili per i colori e i valori comuni (es. padding, margini) per una personalizzazione rapida e uniforme.
Mixin e nesting per ridurre la ripetizione del codice e migliorare la leggibilità.
Struttura modulare con file separati per ogni sezione del sito (home, about, projects, ecc.), importati in un file principale per una gestione centralizzata.
Valore Tecnico e Apprendimento:
Questo progetto è stato un'opportunità per mettere in pratica tecnologie e metodologie moderne nello sviluppo front-end, con particolare enfasi sulla scrittura di codice pulito e organizzato. L'uso di SCSS ha permesso di sperimentare con uno stile modulare e scalabile, mentre l'implementazione del design responsivo ha consolidato le competenze in UX/UI design.

GreenEarth non è solo un sito web fittizio, ma un esempio concreto di come un progetto front-end possa unire funzionalità, estetica e tecniche avanzate per rispondere alle esigenze di un cliente reale o simulato.

"Il Ghepardo" è un progetto web sviluppato autonomamente per approfondire e sperimentare le funzionalità avanzate di Flexbox, CSS Grid, e l'ottimizzazione delle immagini in relazione alla responsività. Questo sito, che simula un articolo pubblicato da un portale scientifico come National Geographic, rappresenta un esercizio pratico per comprendere meglio i principi fondamentali del layout moderno e della progettazione front-end.

Obiettivi del Progetto:
Esplorare Flexbox e Grid: Testare l'applicazione di tecniche di layout flessibili per organizzare i contenuti in modo intuitivo e visivamente armonioso.
Ottimizzare la gestione delle immagini: Utilizzare media query per garantire un caricamento e una visualizzazione delle immagini della hero in base al dispositivo dell'utente.
Dettagli Tecnici
Struttura e Navigazione:
Utilizzo di un layout semantico con elementi HTML5 come header, main, article, aside e footer per migliorare l'accessibilità e l'organizzazione del codice.
Gestione delle Immagini:
Due immagini hero diverse sono state integrate:
Una immagine ad alta risoluzione per schermi più grandi.
Una versione ottimizzata per dispositivi mobili, caricata automaticamente con l'ausilio delle media query.
Le immagini sono rese completamente responsive tramite classi CSS come .img-responsive, garantendo un ridimensionamento automatico.
CSS Grid:
CSS Grid è stato implementato per disporre gli articoli correlati in un layout armonioso e facilmente scalabile.
Responsive Design:
Progettazione mobile-first con media query per ottimizzare la visualizzazione su diversi dispositivi.
Adattamento dinamico della disposizione e delle dimensioni del testo, immagini e sezioni in base alla larghezza dello schermo.
Valore Aggiunto
Questo progetto rappresenta una combinazione di creatività e pratica tecnica.

Il sito "Il Ghepardo" dimostra come concetti di base possano essere trasformati in soluzioni web professionali, con una particolare attenzione all'organizzazione del layout e all'ottimizzazione per dispositivi mobili. Questo esercizio non solo ha consolidato le mie conoscenze, ma ha anche evidenziato l'importanza di creare contenuti accessibili e performanti.