https://github.com/raizertechdev/lowcode-form
Este projeto cria um formulário web que envia mensagens diretamente para seu WhatsApp usando Node.js, EJS, CSS e JavaScript. Ideal para landing pages ou sistemas de contato rápido.
https://github.com/raizertechdev/lowcode-form
css3 ejs express javascript nodejs
Last synced: 12 days ago
JSON representation
Este projeto cria um formulário web que envia mensagens diretamente para seu WhatsApp usando Node.js, EJS, CSS e JavaScript. Ideal para landing pages ou sistemas de contato rápido.
- Host: GitHub
- URL: https://github.com/raizertechdev/lowcode-form
- Owner: RaizerTechDev
- Created: 2025-07-07T13:55:16.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2025-07-18T21:22:40.000Z (6 months ago)
- Last Synced: 2025-07-19T02:12:38.185Z (6 months ago)
- Topics: css3, ejs, express, javascript, nodejs
- Language: CSS
- Homepage: https://raizertechdev-lowcode-form.vercel.app/
- Size: 17.4 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Formulário Low Code
[](https://github.com/RaizerTechDev/lowcode-form/blob/master/Documentation.md)
[( Clique aqui para o `Formulário!!`)](https://raizertechdev-lowcode-form.vercel.app/)
Demonstração-Projeto-RaizerTech
---
## 📑 Índice
- [Formulário Low Code](#formulário-low-code)
- [🎯Objetivo](#objetivo)
- [🛠️ Tecnologias Utilizadas](#️-tecnologias-utilizadas)
- [🛠️Configuração e Instalação dos Ambientes](#️configuração-e-instalação-dos-ambientes)
- [Pré-requisitos](#pré-requisitos)
- [Instale as dependências](#instale-as-dependências)
- [🚀 Execução](#-execução)
- [Passo a Passo](#passo-a-passo)
- [1. Clone o repositório](#1-clone-o-repositório)
- [2. Execute o servidor](#2-execute-o-servidor)
- [3. Cria versão otimizada (se aplicável)](#3-cria-versão-otimizada-se-aplicável)
- [Estrutura do Projeto](#estrutura-do-projeto)
- [Fluxo de Funcionamento](#fluxo-de-funcionamento)
- [Licença](#licença)
- [👤 Autor](#-autor)
---
## 🎯Objetivo
Criar uma solução Low Code que:
✅ Gera formulários responsivos a partir de configuração JSON.
✅ Envia dados diretamente para WhatsApp.
✅ Permite customização visual sem alterar código.
✅ Reduz tempo de desenvolvimento em 80% comparado a métodos tradicionais.
✅ Cria efeitos com:
- 5 camadas visuais de profundidade;
- Brilho dinâmico que reage ao movimento;
- Animação sutil de flutuação;
- Efeito de luz ambiente;
- Compatível com mobile (usa transformações 3D aceleradas por GPU).
---
## 🛠️ Tecnologias Utilizadas
---
## 🛠️Configuração e Instalação dos Ambientes
### Pré-requisitos
- Node.js (v18+)
- NPM (v9+)
### Instale as dependências
```bash
npm install
```
---
## 🚀 Execução
### Passo a Passo
#### 1. Clone o repositório
```bash
git clone https://github.com/seu-usuario/lowcode-form.git
cd lowcode-form
```
#### 2. Execute o servidor
```bash
npm start
```
- Portas:
- http://localhost:3000
#### 3. Cria versão otimizada (se aplicável)
```bash
npm run build
```
---
## Estrutura do Projeto
```text
lowcode-form/
├── public/ # Arquivos acessíveis publicamente
│ ├── styles.css # Estilos personalizados
│ └── form.js # Lógica do formulário
├── src/
│ ├── views/
│ │ └── index.ejs # Template principal
│ └── server.js # Configuração do servidor
├── .gitignore # Arquivos ignorados pelo Git
└── package.json # Dependências e scripts
```
---
## Fluxo de Funcionamento
- Diagrama
- Código
```text
Sequência Diagrama
Usuário->>Frontend: Preenche formulário
Frontend->>WhatsApp: Envia dados via URL
WhatsApp-->>Usuário: Abre app com mensagem pronta
```
---
## Licença
Este projeto está sob licença MIT - veja o arquivo LICENSE para detalhes.
---
### 👤 Autor
   RafaRaizer-Dev
   Whatsapp | LinkedIn | GitHub| Tableau| Portfólio