Aplicação web para geração de contratos, permitindo preencher dados, visualizar o documento dinamicamente e exportar o resultado em PDF.
O projeto foi desenvolvido com HTML5, CSS3 e JavaScript, utilizando html2canvas e jsPDF para geração do documento.
- 📥 Inserção de dados do contratante e contratado
- 📄 Seleção de diferentes tipos de contrato
- 💰 Campos para valores, prazos e datas
- 📝 Inclusão de cláusulas e informações adicionais
- 👁️ Pré-visualização dinâmica do contrato
- 📑 Exportação do documento em PDF
- 💾 Salvamento e carregamento de rascunhos
- 📱 Interface responsiva
| Tecnologia | Utilização |
|---|---|
| HTML5 | Estrutura da aplicação e formulários |
| CSS3 | Estilização, layout e responsividade |
| JavaScript | Lógica e interações da aplicação |
| html2canvas | Captura da pré-visualização para geração do documento |
| jsPDF | Geração e exportação do arquivo PDF |
| LocalStorage | Persistência local dos rascunhos |
A aplicação permite visualizar o contrato antes da exportação e utiliza html2canvas em conjunto com jsPDF para gerar o documento em PDF.
O LocalStorage permite salvar temporariamente os dados preenchidos, possibilitando recuperar o rascunho posteriormente no mesmo navegador.
A interface foi desenvolvida para funcionar em diferentes tamanhos de tela, proporcionando uma experiência adequada em desktops, tablets e smartphones.
O projeto foi desenvolvido utilizando JavaScript Vanilla, sem dependência de frameworks como React, Vue ou Angular.
contract-generator/
│
├── index.html
├── style.css
├── app.js
└── README.md
Acesse:
https://aw-contract-generator.vercel.app/
Clone o repositório:
git clone https://github.com/awaldige/contract-generator.gitEntre na pasta:
cd contract-generatorDepois, abra o arquivo index.html no navegador.
Também é possível utilizar o Live Server do VS Code durante o desenvolvimento.
- Preencha os dados do contrato.
- Informe os dados das partes envolvidas.
- Adicione valores, prazos e demais informações.
- Gere a pré-visualização.
- Revise o documento.
- Exporte o contrato em PDF.
- Opcionalmente, salve o conteúdo como rascunho.
- Mais modelos de contratos
- Personalização de modelos
- Histórico de documentos
- Exportação em outros formatos
- Sistema de autenticação
- Armazenamento em banco de dados
- Compartilhamento de documentos
- Área administrativa para gerenciamento dos modelos
O AW Contract Generator foi desenvolvido como projeto de portfólio para demonstrar conhecimentos em desenvolvimento frontend, manipulação dinâmica de documentos, persistência local e geração de arquivos PDF.
O projeto também demonstra a integração entre diferentes bibliotecas JavaScript para transformar dados preenchidos pelo usuário em um documento formatado.
Acesse o sistema:
🔗 https://aw-contract-generator.vercel.app/
André Waldige
Desenvolvedor Full Stack — AW TECHNOLOGY
🔗 GitHub:
Este projeto está sob a licença MIT.
Projeto desenvolvido por André Waldige para fins de portfólio e demonstração técnica.