Projeto proposto pela Codante onde o objetivo era dar a vida ao design do "Meow Café" transformando-o em uma página funcional! O principal objetivo deste mini projeto é mostrar e refinar as 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.
- HTML
- CSS
- JavaScript Puro
Avançando um pouco mais os requisitos do projeto, utilizei Scroll Animation com JavaScript puro utilizando IntersectionObserver para melhorar a experiência e interação com o usuário.