Programação de novo Layout (Crm)

Contexto Geral do Projeto

Com base no guia de deploy e personalização, aqui está uma lista de requisitos e tarefas que um profissional deve ter e executar para realizar o trabalho. I. Requisitos do Profissional (Perfil e Conhecimentos) O profissional ideal para esta tarefa deve possuir um perfil híbrido com forte especialização em frontend. Conhecimentos Técnicos Essenciais: Git: Domínio sobre sistemas de controle de versão, incluindo operações como clone, branch, commit e pull request. Docker e Docker Compose: Experiência prática na criação e gerenciamento de ambientes de desenvolvimento com contêineres. Deve entender como construir imagens, executar serviços e depurar problemas em contêineres. Linha de Comando (Terminal): Conforto e fluidez para executar comandos, navegar entre diretórios e gerenciar processos. Arquitetura Cliente-Servidor: Compreensão clara de como um frontend (cliente) consome dados de uma API RESTful (servidor). Conhecimentos Específicos em Frontend (Foco Principal): JavaScript (ES6+): Proficiência avançada na linguagem, incluindo conceitos modernos como promessas, assincronicidade (async/await) e manipulação de módulos. Vue.js: Sólida experiência com o framework. Isso inclui: Criação e gerenciamento de componentes. Gerenciamento de estado centralizado com Vuex. Roteamento com Vue Router. Ciclo de vida dos componentes e reatividade. HTML5 e CSS3: Habilidade para criar interfaces semanticamente corretas e responsivas. Sass (Pré-processador CSS): Experiência com Sass para escrever CSS de forma mais eficiente e modular, entendendo variáveis, mixins e aninhamento. Conhecimentos em Backend (Desejável para maior autonomia): Ruby: Conhecimento da sintaxe e dos fundamentos da linguagem. Ruby on Rails: Familiaridade com a estrutura MVC (Model-View-Controller) do Rails, para conseguir navegar na base de código, entender como os dados são expostos pela API e, se necessário, fazer pequenos ajustes. II. Lista de Tarefas (Plano de Ação) Esta é a sequência de atividades que o profissional deverá executar. Fase 1: Preparação e Configuração do Ambiente [ ] Tarefa 1: Instalar Dependências: Verificar se Docker, Docker Compose e Git estão instalados e funcionando corretamente na máquina local. [ ] Tarefa 2: Clonar o Repositório: Fazer o clone do projeto Chatwoot a partir do GitHub para um diretório local. [ ] Tarefa 3: Configurar Variáveis de Ambiente: Criar e configurar os arquivos .env e config/database.yml a partir dos arquivos de exemplo, ajustando portas ou outras configurações se necessário. Fase 2: Deploy e Verificação da Instância Local [ ] Tarefa 4: Construir Imagens Docker: Executar o comando docker-compose build para construir as imagens de todos os serviços. [ ] Tarefa 5: Preparar o Banco de Dados: Executar o script de inicialização do banco de dados (db:chatwoot_prepare). [ ] Tarefa 6: Iniciar a Aplicação: Subir todos os serviços com o comando docker-compose up. [ ] Tarefa 7: Validar a Instalação: Acessar http://localhost:3000 no navegador, criar uma conta de administrador e confirmar que a plataforma está totalmente funcional. Fase 3: Desenvolvimento e Personalização da ui/ux [ ] tarefa 8: mapear a estrutura frontend: navegar pela estrutura de arquivos do projeto, primariamente no diretório app/javascript/dashboard/, para identificar os componentes vue.js que correspondem às telas e elementos a serem personalizados. [ ] Tarefa 9: Realizar Alterações Visuais (Styling): Modificar os arquivos .scss relevantes para alterar cores, fontes, espaçamentos e outros aspectos visuais da interface. [ ] Tarefa 10: Modificar a Estrutura dos Componentes: Editar os arquivos .vue para alterar a estrutura HTML dos componentes, remover elementos ou adicionar novos blocos de informação. [ ] Tarefa 11: Implementar Alterações de Comportamento: Modificar a lógica JavaScript dentro dos componentes Vue.js para alterar ou adicionar funcionalidades na interface. [ ] Tarefa 12: Testar em Tempo Real: Acompanhar as alterações no navegador (o ambiente de desenvolvimento Docker já inclui hot-reload) para garantir que as modificações funcionam como esperado e não introduzem bugs. [ ] Tarefa 13: Versionar o Código: Utilizar Git para criar uma branch de desenvolvimento e fazer commits regulares e descritivos de todas as alterações realizadas. Esse são os passos gerais do projeto

Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Integrações de API Outros (Outras APIs)
Funções necessárias Desenvolvedor

Prazo de Entrega: 30 de Setembro de 2025

Habilidades necessárias