ABC.

Roteiro Cidade – Blog sobre roteiros de viagens

Used Skills


Live Demo

Click Here

Roteiro Cidade até o momento em que estou escrevendo sobre esse projeto, considero-o gratificante por ser um projeto criado desde o seu protótipo no Figma, contendo diversas páginas como home, blog, categoria, tag, 404, busca, contato, entre outras que ainda irei desenvolver futuramente como uma atualização.

Processo de desenvolvimento

Inicialmente, defini quais elementos se tornariam componentes reutilizáveis e desenvolvi estilizações padrões para os textos como parágrafos, headers, spans, etc. Fazendo com que sempre que um post for criado, ele já aplique a estilização padrão.

Após isso, iniciei o desenvolvimento pelas páginas que considero mais importantes, como Home e blog, seguindo para páginas de postagens, pesquisa de categorias e tags. Por fim, a página de 404.

Tecnologias

Como se trata de um blog, nada melhor (na minha opinião) que desenvolver com WordPress! Dessa vez, fiz um bom uso do Sass para a estilização, HTML para a estrutura, JavaScript para interação do usuário e PHP como backend.

Fiz uso da biblioteca Swiper para a criação de um slider na página inicial, onde com a ajuda do plugin ACF, criei campos personalizados para definir quais posts eu quero exibir no slider. Com o ACF, também criei campos onde posso informar quais posts quero que apareçam em seções específicas da home page.

Considerações finais

Com o Roteiro Cidade, aumentei meu nível nas minhas habilidades de desenvolvedor, melhorei as boas práticas de SEO técnico, responsividade, dinamização de conteúdo, personalização de tema, entre outras coisas. Grande satisfação em terminar esse projeto que já leva vários finais de semana e muitas horas noturnas para concluí-lo.

Confira também outros dois grandes projetos reais Seguro Auto e Smartia Seguros.