AdP: Observatório pt. 0 - Design System

[igr-santos]

Contexto

Após o desenvolvimento de 2 Sites no CMS, A Eleição do Ano e o Site Institucional NOSSAS, com objetivo de testar diferentes maneiras de organização da arquitetura e hierarquia de códigos e plugins, foi possível consolidar o Design System, conceito esse que da base ao desenvolvimento de novos plugins e a uma customização sistemática de cada Site.

Isso acontece em conjunto com um novo site do projeto Amazônia de Pé chamado De Olho nas Florestas Públicas, aqui entendemos o novo conceito "Projeto" agregado a arquitetura desse CMS. O Projeto é composto por um Container Docker, um Banco de Dados e uma configuração Django + DjangoCMS, isolados assim em diferentes serviços e base de dados, com diferentes configurações, mas compartilhando de uma mesma base de código.

Link da Tarefa/Issue

• https://app.asana.com/0/1161468210277385/1207022879179761/f

Requisitos

• Base do Design System (Átomos e Moléculas)
• Configurar novo projeto Amazônia de Pé
• Adicionar sistema de tema ao Design System e seus componentes
• Habilitar testes unitários com pytest (+90% cobertura de testes no design system)
• Documentar funcionamento do Design System

Screenshots

Layout

[insira o screenshot aqui]

Como testar?

• Acessar um Projeto com o Design System instalado
• Adicionar um novo Bloco (Existe a possibilidade de usar um template ou Criar o Bloco do zero)
• Em Modificar Site alterar definições de cores e tipografia do Tema

Notas de Deploy

• Criar base de dados para AdP em produção
• Rodar migrações do Projeto
• Mergear branch de feature na main e gerar nova tag
• Atualizar stack do CMS no Portainer
• Configurar variáveis de ambiente do Projeto (ADP_DOCKER_IMAGE, ADP_TRAEFIK_ROUTERS_RULE, ADP_DATABASE_URL)

Novos scripts:

• pytest --ds=adp.settings.test : Comando para rodar testes unitários