{"id":29608330,"url":"https://github.com/raizertechdev/lowcode-form","last_synced_at":"2026-04-09T11:03:22.158Z","repository":{"id":303509062,"uuid":"1015437814","full_name":"RaizerTechDev/lowcode-form","owner":"RaizerTechDev","description":"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.","archived":false,"fork":false,"pushed_at":"2025-07-18T21:22:40.000Z","size":18270,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-19T02:12:38.185Z","etag":null,"topics":["css3","ejs","express","javascript","nodejs"],"latest_commit_sha":null,"homepage":"https://raizertechdev-lowcode-form.vercel.app/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RaizerTechDev.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-07T13:55:16.000Z","updated_at":"2025-07-18T21:22:44.000Z","dependencies_parsed_at":"2025-07-18T23:17:39.347Z","dependency_job_id":null,"html_url":"https://github.com/RaizerTechDev/lowcode-form","commit_stats":null,"previous_names":["raizertechdev/lowcode-form"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/RaizerTechDev/lowcode-form","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2Flowcode-form","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2Flowcode-form/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2Flowcode-form/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2Flowcode-form/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RaizerTechDev","download_url":"https://codeload.github.com/RaizerTechDev/lowcode-form/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RaizerTechDev%2Flowcode-form/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267827505,"owners_count":24150350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-30T02:00:09.044Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3","ejs","express","javascript","nodejs"],"created_at":"2025-07-20T19:34:59.594Z","updated_at":"2025-12-30T21:55:20.513Z","avatar_url":"https://github.com/RaizerTechDev.png","language":"CSS","readme":"\u003cdiv align=\"center\"\u003e\n\n# Formulário Low Code\n\n\u003cimg src=\"public/images/doc.png\" alt=\"Imagem-Documentacao\" height=\"35\" /\u003e\n\n[![Documentação](https://img.shields.io/badge/Documentação-Oficial-success)](https://github.com/RaizerTechDev/lowcode-form/blob/master/Documentation.md)\n\n[( Clique aqui para o `Formulário!!`)](https://raizertechdev-lowcode-form.vercel.app/)\n\n\u003cbr\u003e\n  \n\u003cimg src=\"https://media.giphy.com/media/3zSF3Gnr7cxMbi6WoP/giphy.gif\" height=\"55\" width=\"55\"\u003e\n  \u003cspan\u003eDemonstração-Projeto-RaizerTech\u003c/span\u003e\n  \u003cimg src=\"https://media.giphy.com/media/E5DzZsofmgxc9wjbhX/giphy.gif\" height=\"25\" width=\"25\"\u003e\n\n  \u003cbr\u003e\n  \n\u003cimg height=\"380\" src=\"public/images//formulario-lowcode-readme.gif\" style=\"border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\"\u003e\n\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n--- \n\n\u003cdiv align=\"left\"\u003e\n\n## 📑 Índice\u003c/h2\u003e\n\n- [Formulário Low Code](#formulário-low-code)\n  - [🎯Objetivo](#objetivo)\n  - [🛠️ Tecnologias Utilizadas](#️-tecnologias-utilizadas)\n  - [🛠️Configuração e Instalação dos Ambientes](#️configuração-e-instalação-dos-ambientes)\n    - [Pré-requisitos](#pré-requisitos)\n    - [Instale as dependências](#instale-as-dependências)\n  - [🚀 Execução](#-execução)\n    - [Passo a Passo](#passo-a-passo)\n      - [1. Clone o repositório](#1-clone-o-repositório)\n      - [2. Execute o servidor](#2-execute-o-servidor)\n      - [3. Cria versão otimizada (se aplicável)](#3-cria-versão-otimizada-se-aplicável)\n  - [Estrutura do Projeto](#estrutura-do-projeto)\n  - [Fluxo de Funcionamento](#fluxo-de-funcionamento)\n  - [Licença](#licença)\n  - [👤 Autor](#-autor)\n\n\u003cbr\u003e\n\n--- \n\n## 🎯Objetivo\n\nCriar uma solução Low Code que:\n\n✅ Gera formulários responsivos a partir de configuração JSON.\n\n✅ Envia dados diretamente para WhatsApp.\n\n✅ Permite customização visual sem alterar código.\n\n✅ Reduz tempo de desenvolvimento em 80% comparado a métodos tradicionais.  \n\n✅ Cria efeitos com:\n\n   - 5 camadas visuais de profundidade;\n\n   - Brilho dinâmico que reage ao movimento;\n\n   - Animação sutil de flutuação;\n\n   - Efeito de luz ambiente;\n\n   - Compatível com mobile (usa transformações 3D aceleradas por GPU). \n\n\u003cbr\u003e\n  \n--- \n\n## 🛠️ Tecnologias Utilizadas\n\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" alt=\"HTML5\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" alt=\"CSS3\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\" alt=\"JavaScript\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Node.js-339933?style=for-the-badge\u0026logo=nodedotjs\u0026logoColor=white\" alt=\"Node.js\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Express-000000?style=for-the-badge\u0026logo=express\u0026logoColor=white\" alt=\"Express\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/EJS-8A2BE2?style=for-the-badge\u0026logo=ejs\u0026logoColor=white\" alt=\"EJS\"\u003e\n\u003c/p\u003e\n\n\u003cbr\u003e \n  \n---\n\n## 🛠️Configuração e Instalação dos Ambientes\n\n### Pré-requisitos \n\n- Node.js (v18+)\n- NPM (v9+)\n\n\u003cbr\u003e\n\n### Instale as dependências\n\n```bash\nnpm install\n```\n\n\u003cbr\u003e\n\n---\n\n## 🚀 Execução\n\n### Passo a Passo\n\n#### 1. Clone o repositório\n\n```bash\ngit clone https://github.com/seu-usuario/lowcode-form.git\ncd lowcode-form\n```\n\n\u003cbr\u003e\n\n#### 2. Execute o servidor\n\n```bash\nnpm start\n```\n\n- Portas:\n- http://localhost:3000\n\n\u003cbr\u003e\n\n#### 3. Cria versão otimizada (se aplicável)\n\n```bash\nnpm run build\n```\n\n\u003cbr\u003e\n\n---\n\n## Estrutura do Projeto\n\n```text\nlowcode-form/\n├── public/ # Arquivos acessíveis publicamente\n│ ├── styles.css # Estilos personalizados\n│ └── form.js # Lógica do formulário\n├── src/\n│ ├── views/\n│ │ └── index.ejs # Template principal\n│ └── server.js # Configuração do servidor\n├── .gitignore # Arquivos ignorados pelo Git\n└── package.json # Dependências e scripts\n```\n\n\u003cbr\u003e\n\n---\n\n## Fluxo de Funcionamento\u003c/h2\u003e\n\n- Diagrama\n  \u003cimg height=\"280em\" src=\"public/images/fluxo-funcionamento.png\"   align=\"center\"\u003e\n\n\u003cbr\u003e\n\n- Código\n\n  ```text\n  Sequência Diagrama\n\n    Usuário-\u003e\u003eFrontend: Preenche formulário\n    Frontend-\u003e\u003eWhatsApp: Envia dados via URL\n    WhatsApp--\u003e\u003eUsuário: Abre app com mensagem pronta\n  ```\n\n  \u003cbr\u003e\n\n---\n\n## Licença\n\nEste projeto está sob licença MIT - veja o arquivo LICENSE para detalhes.\n\n\u003cbr\u003e\n\n---\n\n### 👤 Autor\n\n\u003cp\u003e\n    \u003cimg align=left margin=10 width=80 src=\"https://avatars.githubusercontent.com/u/87991807?v=4\"/\u003e\n    \u003cp\u003e\u0026nbsp\u0026nbsp\u0026nbspRafaRaizer-Dev\u003cbr\u003e\n    \u0026nbsp\u0026nbsp\u0026nbsp\u003ca href=\"https://api.whatsapp.com/send/?phone=47999327137\"\u003eWhatsapp\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\u003ca href=\"https://www.linkedin.com/in/rafael-raizer//\"\u003eLinkedIn\u003c/a\u003e\u0026nbsp;|\u0026nbsp;\u003ca href=\"https://github.com/RaizerTechDev\"\u003eGitHub\u003c/a\u003e|\u0026nbsp;\u003ca href=\"https://public.tableau.com/app/profile/rafael.raizer\"\u003eTableau\u003c/a\u003e|\u0026nbsp;\u003ca href=\"https://raizertechdev-portfolio.netlify.app/\"\u003ePortfólio\u003c/a\u003e\u0026nbsp;\u003c/p\u003e\n\u003c/p\u003e\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraizertechdev%2Flowcode-form","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraizertechdev%2Flowcode-form","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraizertechdev%2Flowcode-form/lists"}