Bem-vindo(a) ao "sunnyside", projeto construído a partir do challenge proveniente do FrontendMentor, onde utilizei o design fornecido pela plataforma e elaborei este web site de forma mais fidedigna possível utilizando React, JavaScript, CSS e HTML, surgindo desta forma o 💻https://sunnyside-rust.vercel.app/.
Para visualizar o resultado final com o comparativo do resultado esperado, basta clicar aqui!
Elaborar um website que se aproxime o máximo possivel da imagem de referência.
Todos meus projetos até o momento foram 100% autorais, ou seja, eu que elaborava toda a parte visual do design além do código, e dessa vez resolvi me desafiar a construir algo seguindo como modelo apenas a imagem do resultado final esperado.
Tive a oportunidade de consolidar e aprender mais sobre alguns conceitos de =
- CSS (referenciar classes e passar estilos como props de pai para filho; fazer o modal do menu com o triângulo na parte superior).
- ReactJS / JS (utilização dos Hook’s; criação de componentes; referenciar função, definindo a função no componente pai para ser executada no componente filho; utilização so scrollIntoView).
Meu maior aprendizado neste projeto foi referente a utilização do scrollIntoView, bem como a criação do box flutuante em CSS do menu para mobile.
ReactJS • JavaScript • HTML • CSS • Git
Para conferir a versão final é só acessar o link: 💻https://sunnyside-rust.vercel.app/.
Observação: os testes referente ao layout e responsividade foram realizadas somente utilizando o Google Chrome, Android e Iphone.
2023-02-22.14-13-15_Trim.mp4
2023-02-22.14-28-02_Trim.mp4
Caso tenha alguma sugestão ou queira entrar em contato, fico a disposição 🥰💖
