Skip to content

Blogr, uma plataforma editorial moderna! Este projeto foi selecionado no Frontend Mentor, feito com o intuito de treinar Angular e ter o primeiro contato com o framework.

Notifications You must be signed in to change notification settings

LipePLima/Blogr

Repository files navigation

Landing Page

Descrição

Blogr, uma plataforma editorial moderna! Este projeto foi selecionado no Frontend Mentor, feito com o intuito de treinar Angular e ter o primeiro contato com o framework. Nele temos uma uma única página com todas as principais informações para entender o que é o Blogr, tudo feito em HTML e CSS. As únicas funcionalidades feitas em Typescript disponíveis no projeto são nos botões do cabeçalho, onde temos um menu e cada item abre um submenu.

Etapas

Mobile Firt

  • Cabeçalho com Logo, menu hamburguer;

  • Banner com titulo, parágrado e 2 botões(Começar de graça e Saiba 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:

Vercel

Imagens

📷 Página Mobile

Page mobile Page mobile active

📷 Página Desktop

Page desktop Page desktop active

Depoimento

Este projeto me proporcionou muito conhecimento em diversos quesitos, tanto aprendendo um novo framework de javascript, quanto fazer um projeto com mais alguém(deu tudo errado, mas ao mesmo tempo muito aprendizado). Foi uma experiência muito boa, muitas complicações e muitas barreiras encontradas. Graças ao João Scarpa, eu pude avançar no projeto e finalizar o mesmo. Tivemos uma rápida call onde conversamos sobre o meu problema, ele me ensinou o caminho para resolver e me deu um breve resumo de como funciona o Angular, foi essencial para a finalização deste projeto e deixo aqui também o meu agradecimento. Agradecer também a Jennyfer, foi dela a ideia de fazer este projeto e minha a ideia de fazermos juntos, ela topou na hora sem hesitar. E mesmo diante de tantas complicaçõe durante o projeto, conseguimos nos adaptar e resolver os problemas.

Contato

Gmail Whatsapp Linkedin

Desenvolvedores


Felipe Pereira de Lima

About

Blogr, uma plataforma editorial moderna! Este projeto foi selecionado no Frontend Mentor, feito com o intuito de treinar Angular e ter o primeiro contato com o framework.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published