https://github.com/aperbet56/file_upload

Projet permettant à l'utilisateur un téléchargement de fichiers par glisser-déposer en utilisant le HTML5, le CSS3 et le JavaScript
https://github.com/aperbet56/file_upload

addeventlistener animation css3 flexbox html5 if-else javascript

Last synced: 3 months ago
JSON representation

Projet permettant à l'utilisateur un téléchargement de fichiers par glisser-déposer en utilisant le HTML5, le CSS3 et le JavaScript

• Host: GitHub
• URL: https://github.com/aperbet56/file_upload
• Owner: aperbet56
• Created: 2024-08-15T15:47:19.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-09-22T13:41:03.000Z (4 months ago)
• Last Synced: 2025-09-22T15:19:56.927Z (4 months ago)
• Topics: addeventlistener, animation, css3, flexbox, html5, if-else, javascript
• Language: JavaScript
• Homepage: https://aperbet56.github.io/file_upload/
• Size: 150 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## TELECHARGEMENT DE FICHIER PAR GLISSER-DEPOSER (FILE UPLOAD : DRAG AND DROP IMAGE FILE OR BROWSE)

![Design preview for the project](./img/preview.png)

![Design preview for the project](./img/preview-1.png)

## Le challenge

J'ai voulu coder un projet permettant à l'utilisateur un téléchargement de fichiers par glisser-déposer en utilisant le HTML5, le CSS3 et le JavaScript. L'internaute peut télécharger le fichier en cliquant sur la zone de dépôt ou en faisant glisser et déposer le fichier image. Un aperçu de l'image avant le téléchargement s'affiche à l'écran.

## Démonstration

Lien vers le projet : https://aperbet56.github.io/file_upload/

## Projet développé avec

- Utilisation des balises sémantiques HTML5

- CSS3

- Flexbox

- Animations CSS

- Page web responsive

- Desktop first

- Importation de la police "Poppins"

- Icone provenant de Font Awesome

- Utilisation d'un normaliseur : le fichier normalize.css

- JavaScript

- Code JavaScript commenté