PT-BR: 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.
EN-US: Blogr, a modern editorial platform! This project was selected on Frontend Mentor, created to practice Angular and have the first contact with the framework. It features a single page with all the main information to understand what Blogr is, all made with HTML and CSS. The only functionalities implemented in TypeScript available in the project are in the header buttons, where we have a menu, and each item opens a submenu.
Mobile Firt
-
Cabeçalho com Logo, menu hamburguer | Header with Logo, hamburger menu;
-
Banner com titulo, parágrado e 2 botões(Começar de graça e Saiba mais) | Banner with title, paragraph, and 2 buttons (Get Started for Free and Learn More);
-
Ao clicar no menu hamburguer, abrir lista com Produtos, Companhia, Conectar, botão de login e de inscrição | When clicking the hamburger menu, open a list with Products, Company, Connect, login and sign-up buttons;
-
Criar e estilizar sublistas da lista do menu hamburguer | Create and style sublists for the hamburger menu list;
-
Ao clicar em qualquer item da lista do menu hamburguer, abir uma sub lista com outra lista de assuntos relacionados | When clicking any item in the hamburger menu list, open a sub-list with another list of related topics;
-
Secção Projetado para o futuro | Designed for the Future Section;
-
Secção Infraestrutura de ponta | Cutting-Edge Infrastructure Section;
-
Secção Grátis, Aberto, Simples / Ferramentas poderosas | Free, Open, Simple / Powerful Tools Section;
-
Rodapé com logo e um menu de navegação em lista | Footer with logo and a navigation menu in list format;
Desktop
-
Cabelho responsivo | Responsive header;
-
Secção Infraestrutura de ponta Responsiva | Responsive Cutting-Edge Infrastructure Section;
-
Secção Projeto para o futuro responsiva | Responsive Designed for the Future Section;
-
Secção Free Responsiva | Responsive Free Section;
-
Rodapé Responsivo | Responsive Footer;
Extra
- Abrir um menu e fechar o outro automaticamente | Open one menu and close the other automatically;
Hospedagem | Accommodation:
PT-BR: 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.
EN-US: This project provided me with a wealth of knowledge in various aspects, both learning a new JavaScript framework and collaborating with someone else (everything went wrong, but at the same time, it was a valuable learning experience). It was a very good experience, with many complications and challenges encountered. Thanks to João Scarpa, I was able to advance the project and complete it. We had a quick call where we discussed my problem; he taught me the way to solve it and gave me a brief overview of how Angular works, which was essential for the completion of this project, and I would like to express my gratitude for that. I also want to thank Jennyfer; it was her idea to do this project, and my idea to do it together—she immediately agreed without hesitation. Despite the many complications during the project, we managed to adapt and solve the problems.
 Felipe Pereira de Lima |
|---|