https://github.com/landev01/drag-and-drop
Um drag & drop file uploader simples e estilizado
https://github.com/landev01/drag-and-drop
css html javascript
Last synced: about 1 month ago
JSON representation
Um drag & drop file uploader simples e estilizado
- Host: GitHub
- URL: https://github.com/landev01/drag-and-drop
- Owner: lanDev01
- Created: 2025-01-30T23:44:54.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-01-30T23:54:38.000Z (3 months ago)
- Last Synced: 2025-01-31T00:26:38.846Z (3 months ago)
- Topics: css, html, javascript
- Language: HTML
- Homepage: https://landev01.github.io/drag-and-drop/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Drag & Drop File Uploader
Um **drag & drop file uploader** simples, com uma experiência fluida e intuitiva. 🚀📂
## 📸 Preview
## 🛠 Tecnologias Utilizadas
- **HTML5** → Estrutura da página.
- **CSS3** → Estilização.
- **JavaScript (ES6+)** → Lógica para upload.
## 🚀 Funcionalidades
✅ Suporte a **arrastar e soltar** imagens.
✅ Suporte a colar imagens.
✅ Upload de arquivos ao clicar na área de drop.
✅ Visualização instantânea da imagem carregada.
✅ Responsivo e leve.
## 📂 Estrutura do Projeto
```
📁 drag-drop-uploader
│-- 📂 assets # Imagens e ícones
│-- 📂 styles # Arquivos CSS
│-- 📂 scripts # Arquivos JavaScript
│-- index.html # Estrutura principal
│-- README.md # Documentação
```
## 📝 Como Usar
1. **Clone o repositório**:
```sh
git clone https://github.com/seu-usuario/drag-drop-uploader.git
```
2. **Abra o arquivo `index.html`** no navegador.
3. **Arraste e solte** uma imagem ou clique para selecionar um arquivo.
## 📜 Licença
Este projeto está licenciado sob a **MIT License** - sinta-se à vontade para usar e modificar! 🚀