Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aureliodeboa/arrasta-e-solta
Este é um projeto de Arrastar e Soltar desenvolvido como parte das aulas do curso da B7 Web. Neste projeto, criamos uma aplicação web que permite aos usuários arrastar elementos e soltá-los em uma área específica da tela
https://github.com/aureliodeboa/arrasta-e-solta
css drag-and-drop draggable htlm javascript
Last synced: 2 days ago
JSON representation
Este é um projeto de Arrastar e Soltar desenvolvido como parte das aulas do curso da B7 Web. Neste projeto, criamos uma aplicação web que permite aos usuários arrastar elementos e soltá-los em uma área específica da tela
- Host: GitHub
- URL: https://github.com/aureliodeboa/arrasta-e-solta
- Owner: aureliodeboa
- Created: 2023-09-24T18:54:32.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-24T19:06:31.000Z (about 1 year ago)
- Last Synced: 2023-09-24T21:34:27.334Z (about 1 year ago)
- Topics: css, drag-and-drop, draggable, htlm, javascript
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Drag
Este é um projeto de Arrastar e Soltar desenvolvido como parte das aulas do curso da B7 Web. Neste projeto, criamos uma aplicação web que permite aos usuários arrastar elementos e soltá-los em uma área específica da tela.
https://github.com/aureliodeboa/Arrasta-e-solta/assets/53971991/687d6393-a854-4748-8560-ff2c1a6ee254
## Descrição do Projeto
O Projeto Arrastar e Soltar é uma aplicação web interativa que demonstra a funcionalidade de arrastar e soltar elementos em uma página. Os usuários podem arrastar elementos de um local para outro da tela, criando uma experiência de usuário dinâmica e envolvente.
## Funcionalidades Principais
- Arrastar elementos da interface do usuário com o mouse.
- Soltar elementos em uma área específica.
- Interatividade e animações suaves.
- Design intuitivo e fácil de usar.
## Tecnologias Utilizadas
- HTML5
- CSS3
- JavaScript
## Instalação
Não é necessário instalação para este projeto. Basta abrir o arquivo `index.html` em um navegador da web para utilizar a funcionalidade de arrastar e soltar.
```bash
# Clone o repositório (caso esteja utilizando um sistema de controle de versão)
git clone https://github.com/aureliodeboa/Arrasta-e-solta.git
# Navegue até o diretório do projeto
cd Arrasta-e-solta
```
## Como Usar
1. Abra o arquivo `index.html` em seu navegador da web.
2. Você verá elementos na página que podem ser arrastados.
3. Clique e segure o botão do mouse em um elemento e arraste-o para uma nova posição na página.
4. Solte o elemento na área desejada.
5. A interação de arrastar e soltar permitirá que você reorganize elementos na página.
## Contribuição
Este é um projeto pessoal desenvolvido como parte das aulas do curso da B7 Web, portanto, não aceitamos contribuições externas. No entanto, ficaremos felizes em ouvir seus comentários e sugestões!
## Licença
Este projeto é licenciado sob a Licença MIT - consulte o arquivo [LICENSE](LICENSE) para obter mais detalhes.