Olá, meu nome é Marcelo Soares, tenho 32 anos e sou programador frontend desde 2013. Já atuei em vários projetos para clientes de diversos segmentos, como Walmart.com, Carrefour, Asics e Livelo, porém sempre atuando diretamente com times de marketing.
Tinha como desafio criar o frontend de página na qual consome um endpoint com uma lista de posts e também criar um tema no wordpress usando o layout proposto.
Nesse repositório existe 2 pastas:
frontend: Contém apenas o frontend da aplicação, no qual usei parcel como setup inicial. Para o estilo usei scss seguindo a metodologia BEM no css e javascript vanilla para a requisição da API e entre outros.
wordpress: Contém o setup wordpress + o tema criado
Pela minha inexperiência em wordpress, resolvi deixar uma pasta com o frontend onde pude trabalhar com as ferramentas que considero útil no dia-a-dia além de conseguir uma avaliação focada apenas no frontend. Na pasta do wordpress apenas criei um tema customizado e criei as partials necessárias para o devido funcionamento.
Na pasta frontend basta rodar o comando yarn install ou npm i para instalar as dependencias e depois rodar yarn dev ou npm run dev para o parcel subir a aplicação. O comando yarn build ou npm run build gera os arquivos otimizados para produção.
Na pasta wordpress basta rodar em um servidor preparado para wordpress e seguir o setup de instalação. Na pasta wp-content/theme tem o tema cnn-challenge.
https://cnn-challenge.netlify.app/
Desktop
Mobile
