Front End 2024-2026

Questo è un progetto scolastico.

Indice

• Descrizione
• Tecnologie Utilizzate
• Metodi Utilizzati
• Funzionalità
• Installazione
• Contribuire
• Autore

Descrizione

Questo sito web presenta una serie di card che mostrano informazioni di contatto per vari utenti. Ogni card include un'immagine, un numero identificativo, un nome e un cognome, insieme a un pulsante per inviare un'email all'utente.

Tecnologie Utilizzate

• HTML: Struttura del documento.
• CSS: Stile e layout.
• JavaScript: Interattività e gestione degli eventi.
• Bootstrap: Framework CSS per un design migliore e responsive.

Metodi Utilizzati

Di seguito sono elencati i metodi JavaScript utilizzati nel progetto, con link alla documentazione ufficiale:

• document.addEventListener(): Aggiunge un gestore di eventi a un oggetto. Utilizzato per eseguire codice quando il DOM è completamente caricato. Documentazione

• document.createElement(): Crea un nuovo elemento HTML. Utilizzato per generare dinamicamente le card. Documentazione

• appendChild(): Aggiunge un nodo come ultimo figlio di un nodo. Utilizzato per costruire la gerarchia delle card. Documentazione

• window.location.href: Consente di modificare l'URL corrente, utilizzato per inviare email tramite mailto:. Documentazione

• window.open(): Apre una nuova finestra del browser con l'URL specificato. Utilizzato per aprire PDF e GitHub. Documentazione

Funzionalità

• Visualizzazione Card: Le card sono generate dinamicamente tramite JavaScript.
• Contatto tramite Email: Ogni card ha un pulsante che consente di inviare un'email direttamente all'utente.
• Bottoni PDF e GitHub: Due bottoni consentono di aprire un documento PDF e la pagina GitHub del progetto.
• Design Responsive: L'interfaccia si adatta a vari formati di schermo (mobile, tablet, desktop).

Installazione

Per eseguire questo progetto localmente, segui questi passaggi:

1. Clona il repository:

   git clone https://github.com/CammarataLudovico/Front-End_2024-2026.git

2. Naviga nella cartella del progetto:

   cd Front-End_2024-2026

3. Apri il file index.html in un browser per visualizzare il sito.

Contribuire

Se desideri contribuire a questo progetto, segui questi passi:

1. Fai un fork del repository.

2. Crea un nuovo branch:

   git checkout -b feature/YourFeature

3. Fai le tue modifiche e assicurati che tutto funzioni correttamente.

4. Fai un commit delle tue modifiche:

   git commit -m "Aggiunta di una nuova funzionalità"

5. Fai un push del tuo branch:

   git push origin feature/YourFeature

6. Apri una Pull Request sul repository originale.

Autore

Ludovico Cammarata
GitHub: CammarataLudovico
Anno: 2024

---