Desafio frontend blogger landingpage da AeC com React e Sass
O desafio consiste em desenvolver o design de uma landing page simples porem, com desafio de estilização CSS3 utilizando o valor flex para posicionar imagens e textos na interface desktop e mobile de forma mais leal possível ao design do figma, durante o desafio obtive dificuldade de posicionar certos elementos de imagens, mas no final, cheguei ao resultado esperado e a conclusão do desafio. No vscode, instalei o React com Vite criando um ambiente de desenvolvimento mais rápida e prática, defini as cores de estilo no início da aplicação e criei a pasta components, onde por ela estão as pasta com as seções da landing page e o componentes renderizados no componente principal da minha aplicação App.jsx.
- React com Vite
- Sass
- Definir o estilo de cores
- react-icons
Segue anexo a este e-mail um arquivo de layout que você poderá abrir através do Figma.
Seu teste consiste em reproduzir esse layout da maneira mais fiel possível.
Os requisitos a serem avaliados são:
Qualidade do código: legibilidade, estrutura e organização. Boas práticas de programação: aderência a padrões e convenções de código. Funcionalidade: o layout deve ser totalmente funcional conforme especificado. Responsividade: o design deve se adaptar a diferentes tamanhos de tela (desktop, tablet e mobile). Design e usabilidade da interface: a interface deve ser intuitiva e fácil de usar. Você pode usar as imagens que quiser, ou nenhuma conforme o layout enviado.
Pode usar a fonte que for melhor para você.
Caso queira alterar os textos, fique à vontade.
IMPORTANTE: Deixar claro no e-mail de entrega, qual framework e versão foi utilizada.
Entrega do teste:
O teste deverá ser entregue em duas etapas:
-
Enviar link do repositório por e-mail.
-
Criação de repositório no GitHub.
Repositório público Deve existir no repositório o arquivo README.md com a descrição do teste conforme informações existentes neste arquivo. Informações extras são opcionais; Para cada funcionalidade do sistema deve haver um commit
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh