Blogr - Landing Page

• Descrição
• Imagens
• Etapas
• Tecnologias
• Clonagem
• Depoimento
• Contato
• Desenvolvedora

Descrição

Uma landing page com design moderno. Página com um menu suspenso tipo hambúrguer para o layout Mobile. Esse projeto foi escolhido para poder utilizar o framework Angular e poder ter novas experiências com essa ferramenta. Foi iniciado em HTML, seguido de CSS e TypeScript. Projeto inspirado no Frontend Mentor (https://www.frontendmentor.io/challenges/blogr-landing-page-EX2RLAApP),

Imagens

📷 Página Mobile

📷 Página Desktop

Etapas

Mobile First

• Cabeçalho com Logo, menu hamburguer;

• Banner com titulo, parágrado e 2 botões(Comece de graça e Saber mais);

• Ao clicar no menu hamburguer, abrir lista com Produtos, Companhia, Conectar, botão de login e de inscrição;

• Criar e estilizar sublistas da lista do menu hamburguer;

• Ao clicar em qualquer item da lista do menu hamburguer, abir uma sub lista com outra lista de assuntos relacionados.

• Secção Projetado para o futuro;

• Secção Infraestrutura de ponta;

• Secção Grátis, Aberto, Simples / Ferramentas poderosas:

• Rodapé com logo e um menu de navegação em lista;

Desktop

• Cabelho responsivo;

• Secção Infraestrutura de ponta Responsiva;

• Secção Projeto para o futuro responsiva;

• Secção Free Responsiva;

• Rodapé Responsivo;

Extra

• Abrir um menu e fechar o outro automaticamente;

Tecnologias

Hospedagem:

Em breve, hospedagem no Vercel.

Clonagem

Pré-requisitos para rodar

• Editor de código de sua preferência (recomendado VS code)
• Git

Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/<meu_user>/<my-repo>.git

Depoimento

Passei alguns dias pensando em que projeto realizar com Angular, como começar, se seria fácil ou difícil, com isso estudei um pouco de outras ferramentas e acabei indo parar no framework Bootstrap antes de chegar aqui no Angular. Os exercícios foram ótimos, mas não chegavam aos pés dos desafios e conhecimentos adquiridos com o Angular. Conversando com o Felipe, resolvemos fazer o projeto juntos, iniciamos no Github... mas de repente percebemos que tínhamos feito uma trapalhada e assim resolvemos seguir em repositórios próprios, porem dividindo o nosso conhecimento e dúvidas. Foi um aprendizado enorme... uma parceria muito boa!!! Que venham os próximos projetos e parcerias.

Desenvolvedora

Jennyfer Lamego