Este projeto demonstra como criar um formulário HTML simples com validação usando a biblioteca Just-validate, servido dentro de um container Docker com Nginx.
simple-form-validation/
│
├── Dockerfile
├── docker-compose.yml
├── nginx.conf
├── public/
│ ├── index.html
│ └── css/
│ └── styles.css
└── src/
└── js/
└── scripts.js
- Docker e Docker Compose instalados na sua máquina
Siga as instruções abaixo para construir e executar o container Docker.
Clone este repositório para a sua máquina local (se aplicável):
git clone https://github.com/seu-usuario/simple-form-validation.git
cd simple-form-validation
No diretório raiz do projeto, execute o seguinte comando para iniciar o container em modo de desenvolvimento:
docker-compose up
Abra o seu navegador e vá para http://localhost:8080
. Você verá o formulário com validação em funcionamento.
Qualquer atualização nos arquivos dentro do diretório public
e src
será refletida imediatamente no container, permitindo um desenvolvimento em tempo real.
No diretório raiz do projeto, execute o seguinte comando para construir a imagem Docker:
docker build -t simple-form-validation .
Após a construção da imagem, execute o seguinte comando para iniciar o container:
docker run -d -p 8080:80 simple-form-validation
Abra o seu navegador e vá para http://localhost:8080
. Você verá o formulário com validação em funcionamento.
public/index.html
: Contém o HTML do formulário.public/css/styles.css
: Contém os estilos CSS do formulário.src/js/scripts.js
: Contém os scripts de validação com Just-validate.Dockerfile
: Define a imagem Docker, configurando o servidor Nginx.nginx.conf
: Configuração do servidor Nginx para servir o conteúdo estático.docker-compose.yml
: Configuração do Docker Compose para desenvolvimento em tempo real.
- HTML5
- Just-validate
- Docker
- Docker Compose
- Nginx
- Certifique-se de que o Docker e o Docker Compose estejam em execução antes de executar os comandos acima.
- Se você encontrar problemas ao acessar
http://localhost:8080
, verifique se a porta 8080 está disponível e não está sendo usada por outro serviço.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests para melhorias e correções.
Este projeto está licenciado sob a MIT License.