Dê vida ao design do "Meow Café" presente no Figma, transformando-o em uma página funcional! O principal objetivo deste mini projeto é refinar suas habilidades em HTML, JavaScript e CSS, construindo uma landing page sem depender de frameworks ou bibliotecas externas.
- A aplicação deverá ser responsiva. Considere pelo menos 2 tamanhos de tela (mobile e desktop).
- Transforme o design do Figma em um site funcional usando apenas HTML, JavaScript e CSS.
- O desafio principal é fazer a página sem o uso de frameworks ou bibliotecas, mas fica ao seu critério caso você queira utilizar alguma ferramenta que você está estudando (verifique o FAQ para mais informações).
- Estilize sua aplicação para que ela se assemelhe o máximo possível ao design sugerido.
- Faça o deploy e submeta sua implementação no Codante.
- Utilize Flexbox e/ou Grid para criar o layout da página.
- Para tornar sua página responsiva, considere o uso de media queries em seu CSS.
Temos um design disponível no Figma.
- HTML
- CSS
- JavaScript Puro
HTML, CSS
JavaScript
Esse design foi criado por Camilly Vianna inspirado no tema Coffee Shop by Astra
Esse projeto foi pensado para ser desenvolvido sem o uso de frameworks ou libs externas, portanto a resolução oficial será feita dessa forma. Porém não limitamos os projetos a uma tecnologia exclusiva, dessa forma, se você preferir pode utilizar outras tecnologias.
A resolução oficial sempre é disponibilizada no site oficial do Codante. Verifique na nossa agenda se a data da resolução deste mini projeto já está definida.