Frontend Mentor Aqui você pode fazer esse e outros desafios.
O desafio é construir essa landing page e chegar o mais próximo possível do design.
Os usuários devem conseguir :
- Acessar a página em independente do tamanho do seu dispositivo.
- visualizar um hover para cada elemento interativo na página.
Nesse projeto eu decidi usar a Blibioteca React.js(que comecei a estudar recentemente) para por em prática alguns conceitos básicos que venho aprendendo tais como:
-
CRA - create-react-app é um boilerplate básico para a contrução de um projeto em react que disponibiliza todas as dependencias necessárias.
-
JSX - Que é basicamente escrever HTML no arquivo javascript, porém com diversas outras vantagens.
-
Componentes - Componentes são pequenas partes que juntas formam um site, por exemplo: botões, textos, footer, header, imagens etc.
-
Props - São como paramêntros das funções que servem para os componentes poderem ser reutilizados ao longo da página.
Aqui você pode encontrar o deploy do projeto no Vercel: