Projeto: Website corporativo para empresa de móveis planejados, mármores, granitos e vidraçaria.

Objetivo: Criar um site institucional responsivo com área pública e área restrita para controle de orçamentos.

Escopo principal:

Área pública:

Sessões: Sobre Nós, Nossas Soluções, Diferenciais e Contato.

Botão “Pedir Orçamento” com formulário simples (nome, e-mail, mensagem) que envia por e-mail.

Integração com API do WhatsApp para abrir conversa e coletar dados de orçamento.

Área restrita (login/senha):

Cadastro de colaboradores: administrador cria novos usuários.

Interface de orçamentos: usuário seleciona material, tipo de peça (pia, balcão, lavatório), informa medidas e vê valor estimado (fórmulas a fornecer).

Histórico de orçamentos:

Listagem em ordem decrescente por data/hora, contendo data, cliente, tipo de produto, cor e valor final.

Usuário comum vê apenas seus próprios orçamentos (somente leitura).

Administrador vê todos, com filtros, totais (soma dos valores) e quantidade de orçamentos, e pode abrir detalhes ou excluir.

Detalhes do orçamento: exibe medidas, valores de instalação, cuba, etc.

Tecnologias sugeridas:

Frontend: HTML5, CSS3 (Bootstrap ou Tailwind), JavaScript (ES6+).

Backend: PHP 8 (Laravel) ou Node.js (Express).

Banco de dados: MySQL.

Autenticação: sessions/JWT.

Integrações: API WhatsApp Business (ou Twilio WhatsApp).

Hospedagem: Possuo domínio na GoDaddy.

Habilidades Gerais Essenciais FE:
Desenvolvedor Front-end (FE) Pleno será responsável por construir a interface do usuário intuitiva, responsiva e performática da plataforma XPTo, garantindo uma excelente experiência para vendedores, compradores e administradores, considerando as particularidades de um sistema de XPTo (atualizações em tempo real) e legal (apresentação clara de informações complexas).

Habilidades Técnicas Essenciais (FE Pleno):
• Experiência em Desenvolvimento Ágil: Familiaridade com metodologias ágeis como Scrum ou Kanban é fundamental para o ambiente dinâmico de um MVP e SaaS em crescimento.
• Sistemas de Controle de Versão: Domínio de Git, incluindo branching, merges, pull requests e resolução de conflitos.
• Cultura DevOps Básica: Compreensão dos processos de integração contínua (CI) e entrega contínua (CD), e familiaridade com ferramentas relevantes.
• Resolução de Problemas e Debugging: Capacidade de identificar, analisar e solucionar problemas de forma eficiente em diferentes partes da aplicação.
• Testes: Conhecimento e prática em escrever testes unitários, de integração e, idealmente, end-to-end para garantir a qualidade do código.
• Segurança da Informação: Conscientização sobre as práticas recomendadas de segurança web, OWASP Top 10, e como prevenir vulnerabilidades comuns.
• Comunicação e Colaboração: Habilidade para trabalhar em equipe, comunicar ideias técnicas de forma clara e colaborar com outros desenvolvedores, designers e stakeholders.
• Aprendizado Contínuo: Disposição para aprender novas tecnologias, linguagens e práticas à medida que a plataforma evolui.
• Linguagens e Frameworks:
• JavaScript Moderno (ES6+): Profundo conhecimento da linguagem.
• Frameworks de UI: Experiência sólida com pelo menos um dos principais frameworks: React, Angular ou Vue.js. A escolha dependerá da stack a ser definida, mas proficiência em um deles é crucial.
• HTML5 e CSS3: Domínio na criação de estruturas semânticas e estilização avançada, incluindo pré-processadores (Sass, Less) ou styled components.
• Gerenciamento de Estado: Experiência com bibliotecas de gerenciamento de estado (por exemplo, Redux, Vuex, Context API com Hooks) para aplicações complexas.
• Consumo de APIs: Habilidade para integrar com APIs RESTful ou GraphQL.
• Performance Web: Conhecimento em otimização de performance para carregamento rápido e interatividade da interface.
• Responsividade: Criação de layouts que se adaptem a diferentes tamanhos de tela e dispositivos.
• Acessibilidade (WCAG): Compreensão dos princípios de acessibilidade web para garantir que a plataforma seja utilizável por pessoas com deficiência.
• Real-time Updates: Experiência com tecnologias para atualizações em tempo real, como WebSockets, essenciais para a dinâmica de XPTo.
• Testes de Front-end: Escrever testes para componentes, fluxos de usuário e integração com APIs (por exemplo, Jest, React Testing Library, Cypress).
• Integração Visual com Assinatura Digital e Painéis Seguros: Capacidade de consumir APIs de assinatura digital e exibir o fluxo assinado com feedback visual claro ao usuário (ex: 'documento assinado com sucesso'). Familiaridade com dashboards administrativos de alertas e comportamento suspeito é um diferencial.