brcontraovirus / brcontraovirus.github.io Goto Github PK

O que deve ser feito? 🤔

Adicionar o conteúdo de Projetos do site atual.

Como? 📃

Copiar o conteúdo de https://brcontraovirus.org/

Observações 💅

Atualizar:

• Array templates/Projects/projects
• Adicionar as imagens no projeto

Incluir a logo dos novos parceiros: Cutmaker, GTMax e IPT.

• Criar a conta usando o e-mail [email protected]
• Conceder permissão para os membros do projeto

O que deve ser feito? 🤔

Criar template com a listagem de reportagens

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Sugiro criar o template usando o componente criado em #25 e

O que deve ser feito? 🤔

Adicionar o conteúdo de doações do site atual.

Como? 📃

Copiar o conteúdo de https://brcontraovirus.org/

Observações 💅

Atualizar o array templates/Numbers/hospitals

Teste do Google PageSpeed Insights recomenda uso de cache para conteúdo estático com max-age de 1 ano ou mais.

https://developers.google.com/speed/pagespeed/insights/?hl=pt-br&url=https%3A%2F%2Fbrasilcontraovirus.com%2F&tab=desktop

O que deve ser feito? 🤔

O BannerHome está com margin-top errado

Como? 📃

Removendo margin-top:

Observações 💅

O que deve ser feito? 🤔

Criar componente usado na listagem de reportagens.

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Sugiro criar o componente recebendo como parametros:

• Ícone
• Texto
• Link

O que deve ser feito? 🤔

Criar template usando o componente #39 para os itens e o componente #33

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Copiar a lista de voluntários do site atual

O que deve ser feito? 🤔

Criar template de Apoio e Gratidão

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Usar o componente Button nos botões da parte inferior

• Alterar o domínio principal do site para brcontraovirus.org

• Redirecione o domínio brasilcontraovirus.com para brcontraovirus.org, para não perder visitas.

O que deve ser feito? 🤔

Criar template para criação de issues e PRs

Como? 📃

• Adicionando ISSUE_TEMPLATE.md e PULL_REQUEST_TEMPLATE.md

O que deve ser feito? 🤔

Aplicar o código do Google Analytics na v1 do site, para acompanhamento das estatísticas de tráfego.

Como? 📃

Este é o código de acompanhamento da tag de site global (gtag.js) desta propriedade. Copie e cole esse código como o primeiro item da seção das páginas da Web que você quer acompanhar. Se você já tiver uma tag de site global na sua página, basta adicionar a linha config do snippet abaixo à tag existente.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-165310280-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-165310280-1');
</script>

Observações 💅

O que deve ser feito? 🤔

Criar máquina de testes com a branch feature/react na AWS

Como? 📃

Utilizar a documentação dentro do README.md

Observações 💅

O que deve ser feito? 🤔

Pesquisar ferramenta de CMS para a gestão de contéudo dinâmico das seções do site:

• Projetos
• Parceiros
• Depoimentos
• Reportagens
• Equipes (não tenho certeza se essa parte será atualizada pelo CMS ou integrando com a plataforma)

Outras seções que estão nos planos para criar:

• Divulgação de outros projetos
• Notícias/Blog

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Os requisitos que tenho, acredito que sejam padrão:

• Permitir inclusão de conteúdos em diversos formatos: Texto, imagem, vídeo e link.
• Permitir usar o Google Analytics ou ter alguma página própria de estatísticas de acesso.

O que deve ser feito? 🤔

Ajustar o template para usar o componente #38

Como? 📃

Seguindo o modelo do layout:

Observações 💅

O template já foi criado, mas precisa ser ajustado para receber o novo componente e estar no lugar certo da home.

O que deve ser feito? 🤔

Alterar links da vakinha para https://sharity.com.br/brasil-contra-o-virus---epis-para-os-hospitais--maio?u=ca11b8567b8c11eabd100a536da30ee4

O que deve ser feito? 🤔

Ajustar template de Ciclo Solidário

Como? 📃

Seguindo o modelo do layout:

Observações 💅

O que deve ser feito? 🤔

Adicionar eventos de cliques no botões do site para monitaramento

Como? 📃

Utliizando trackCustomEvent

Observações 💅

As páginas de detalhes dos projetos possuem links nos blocos "Para os makers" e "Para os hospitais", mas esses links não vão para lugar nenhum, apenas carregam a página novamente.

O que deve ser feito? 🤔

Criar/Corrigir ...

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Por que? 🎯

• Mostrar transparência nas ações da rede, conquistando a confiança das pessoas que podem contribuir, seja com trabalho, divulgação ou com doações (principalmente com doações).

O que? 🤔

• Simplificar as informações das doações da home, para exibir apenas as doações principais ou as mais recentes e um link para a página completa.
• Criar página de detalhamento das doações que são apresentadas na home. A página de detalhamento pode ter:
  -- Doações por instituição;
  -- Doações por tipo de item;
  -- Doações por mês;
  -- Doações por cidade/estado/região.

Como? 📃

Hoje, as informações que serão apresentadas nessa página serão estáticas, pois o que temos são apenas os dados das doações que estão na home. Futuramente, os dados serão buscados diretamente da plataforma Salesforce e serão mais completas. Assim, essa página deve ser criada através de MVPs, com uma primeira versão simples e evoluindo à medida que os dados estiverem disponíveis.

Colocar o botão em uma cor que se destaque dos demais, chamando a atenção do visitante para o crowdfunding logo de primeira.

O que deve ser feito? 🤔

Criar o template Faça Parte da Rede

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Utilizar o componente Button para os botões da parte inferior

Saiba como contribuir para continuarmos produzindo e doando máscaras de proteção destinada aos profissionais de saúde pública na linha de frente em combate ao Covid-19.

Brasil Contra o Vírus - Precisamos de Você.pdf

• Criar propriedade
• Incluir código no site antigo
• Incluir código no site novo

O que deve ser feito? 🤔

Criar/Corrigir ...

Como? 📃

Seguindo o modelo do layout:

Observações 💅

O título da aba principal do site está "HOME - Rede Brasil Contra o Vírus". Alterar para "Brasil Contra o Vírus - Home"

O que deve ser feito? 🤔

• Configurar propriedade
• Configurar vistas
• Incluir arquivo de verificação de propriedade

Como? 📃

• Google Analytics for Beginners
• Advanced Google Analytics

Observações 💅

O que deve ser feito? 🤔

Ajustar estilo, itens e ações do menu do topo

Como? 📃

Seguindo o modelo do layout:
Menu fechado

Menu aberto

Observações 💅

Baixar os ícones do PSD e copiar os links do site atual

Por que? 🎯

• Dar credibilidade ao trabalho do Brasil Contra o Vírus, através da divulgação de conteúdos (internos ou externos) relacionados.

O que? 🤔

Criar seção para divulgação de:

• Artigos ou reportagens sobre a rede.
• Vídeos das lives da Thabata
• Redes sociais
• Outros projetos

Como? 📃

Uma página de "resumo", para todas as divulgações, contendo:

• Imagem
• Título e/ou resumo do conteúdo
• Link

Detalhamento do conteúdo, que pode ser na mesma página ou em outra.

• Imagem maior
• Título
• Detalhamento
• Link, caso seja conteúdo externo

Alguns projetos estão com título e/ou categoria incorretos na página de detalhes. Ajustar para ficar de acordo com o que é apresentado na home. Seguem informações corretas com link para as páginas que devem ser alteradas:

• Título: Faceshield - Impressão 3d
• Título: Faceshield - LASER/CNC
• Título: Trion Clip Shield
• Título: Máscara
• Título: Divisor de Ventilador
• Título: Open Ventilator Spartan
  -- Categoria: Dispositivos
• Título: Open Lung
  -- Categoria: Dispositivos
• Título: Videolaringoscópio
• Título: Válvula PEEP
  -- Categoria: Manutenção

O que deve ser feito? 🤔

Criar componente de slider de imagens.

Como? 📃

Seguindo o modelo do layout:

Observações 💅

• Sugiro a utlização da lib https://www.npmjs.com/package/react-responsive-carousel
• Não esquecer que componente deve ter setas e bullets points

O que deve ser feito? 🤔

Ajustar o template Footer

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Por que? 🎯

• O objetivo dessa página é aproximar as equipes dos visitantes, incentivando-os a colaborar, seja como voluntários ou com doações.

O que? 🤔

Criar páginas de detalhamento das equipes.

Como? 📃

A seção Voluntários, do site, exibirá os líderes de cada área da rede, juntamente com o nome da área que ele(a) gerencia. Ao clicar nesse nome, o visitante deve ser direcionado a uma tela com detalhes daquela equipe, contendo as seguintes informações:

• Nome da área;
• Descrição da área ou projetos desenvolvidos (texto longo);
• Equipe: Nome e/ou fotos dos membros, com um link à escolha de cada um;
• Formas de contato.

O que deve ser feito? 🤔

Criar componente Testimonial

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Componente deve receber:

• Imagem
• Nome
• Ocupação
• Texto

O que deve ser feito? 🤔

Criar componente Volunteer

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Componente deve receber:

• Imagem
• Nome
• Cargo
• Descrição

O que deve ser feito? 🤔

1. Aplicar o código do Google Analytics na v2 do site, para acompanhamento das estatísticas de tráfego.
2. Fazer upload do arquivo de verificação de propriedade.
   

Como? 📃

Este é o código de acompanhamento da tag de site global (gtag.js) desta propriedade. Copie e cole esse código como o primeiro item da seção das páginas da Web que você quer acompanhar. Se você já tiver uma tag de site global na sua página, basta adicionar a linha config do snippet abaixo à tag existente.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-165310280-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-165310280-1');
</script>

A lista de atualizações do site foi atualizada, mas o total na seção "Nossa rede já conta com mais de"
continua apresentando 970 e não os 1352, que é o correto.

O que deve ser feito? 🤔

Criar o template de Equipe Multidisciplinar

Como? 📃

Seguindo o modelo do layout:

Observações 💅

Usar os componentes PageTitle e ProgressBar

O que deve ser feito? 🤔

Criar/Corrigir ...

Como? 📃

Seguindo o modelo do layout:

Observações 💅