# README Drag and Drop

Une application utilisant le drag and drop pour gérer des images de profil. Le code source est entièrement typé en TypeScript. Pour quitter l’application ou revenir au portfolio, il suffit d’appuyer sur le logo puis de confirmer.

# I) Technologies utilisées

  1. HTML5 pour la structure de l’application
  2. CSS3 pour le style et la mise en page
  3. TypeScript pour implémenter des fonctionnalités typées

# II) Fonctionnalités

  1. Zone de dépôt (drag zone)
  2. Événement dragstart
  3. Événement dragover
  4. Événement dragleave
  5. Typage avec TypeScript

# III) Actions

`Zone de dépôt` (Drag zone)

L’application comporte une zone de stockage et deux zones de dépôt. La zone bleue permet d’ajouter un profil depuis la zone de stockage (zone verte). La zone rouge permet de supprimer un profil présent dans la zone de dépôt bleue.

`Événement dragstart`

Pour déclencher cet événement, il suffit de cliquer sur un profil depuis la zone verte ou la zone bleue.

`Événement dragover`

Cet événement est déclenché lorsque vous maintenez le clic après avoir initié l’événement dragstart.

`Événement dragleave`

Cet événement se déclenche lorsque vous relâchez le clic après avoir déclenché l’événement dragover, dans la zone verte ou dans la zone rouge.

Typage avec `TypeScript`

Le code source de ce projet est entièrement typé en TypeScript.

Retour Tester