Skip to content

Latest commit

 

History

History
115 lines (66 loc) · 3.97 KB

README.md

File metadata and controls

115 lines (66 loc) · 3.97 KB
Raw

Blogr - Landing Page

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

HTML5 CSS3 TypeScript Angular

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