SnowDev Tech Services Key Codes Application

SnowDev Tech services Key Codes Application est une application web interactive qui permet aux utilisateurs d'afficher et de copier les informations relatives aux touches pressées sur leur clavier. Elle affiche le nom de la touche, son code et son code ASCII.

---

🎯 Fonctionnalités

• Affichage en temps réel des informations d'une touche pressée :
  • Nom de la touche (key).
  • Code de la touche (code).
  • Code ASCII de la touche (keyCode).
• Copie rapide : En cliquant sur le keyCode, il est automatiquement copié dans le presse-papiers.
• Interface élégante et moderne :
  • Design minimaliste avec des couleurs dégradées et animations fluides.
  • Arrière-plan interactif et responsive.

---

📂 Arborescence du projet

.
├── index.html          # Fichier principal HTML
├── assets/
│   ├── style.css       # Feuille de style CSS
├── script.js           # Script principal JavaScript
└── README.md           # Documentation du projet

---

🚀 Installation et exécution

Prérequis

• Un navigateur moderne prenant en charge ES6 et l'API Clipboard.

Étapes pour démarrer

1. Clonez ce dépôt dans votre répertoire local :

   git clone https://github.com/DimitriTedom/STSKeyCodeApp.git

2. Accédez au dossier du projet :

   cd STSKeyCodeApp

3. Ouvrez le fichier index.html dans un navigateur.

---

🔧 Personnalisation

Modifiez les couleurs et animations :

• Ouvrez le fichier assets/style.css.
• Modifiez les variables CSS dans la section :root pour personnaliser les couleurs et les effets d'animation.

Ajoutez des fonctionnalités :

• Étendez le fichier script.js pour capturer des événements supplémentaires, comme les clics de souris ou les combinaisons de touches.

---

🛠️ Technologies utilisées

• HTML5 : Structure de l'application.
• CSS3 : Stylisation avec dégradés, animations et responsive design.
• JavaScript (ES6) : Gestion des événements et manipulation du DOM.

---

✨ Fonctionnalités prévues

• Prise en charge des combinaisons de touches (ex. Ctrl + C).
• Affichage des événements de la souris (click, wheel, etc.).
• Mode sombre/clair pour l'interface.

---

👨‍💻 Auteur

• Nom : Tedom Tafotsi Dimitri Wilfried
• Email : dimitritedom@gmail.com
• LinkedIn : https://www.linkedin.com/in/tedom-tafotsi-dimitri-wilfried-b70502298/

---