Esta é uma solução para o desafio da página inicial do Room no Frontend Mentor. Os desafios do Frontend Mentor ajudam a melhorar suas habilidades de codificação ao construir projetos realistas.
Os usuários devem ser capazes de:
- Visualizar o layout ideal para o site, dependendo do tamanho da tela do dispositivo
- Ver estados de hover para todos os elementos interativos na página
- Navegar pelo slider usando o mouse/trackpad ou teclado
- Marcação HTML5 Semântica
- Fluxo de trabalho 'Mobile-first'
- React - Biblioteca JS
- TypeScript - Pré-Compilador de JS Tipado
- Next.js - Framework React
- TailwindCSS - Para estilos
- DaisyUI - Biblioteca de estilos para TailwindCSS
Nesta seção, pretendo concentrar meus esforços em aprimorar minha habilidade na estruturação eficiente de páginas, especialmente no que diz respeito à adaptação de layouts responsivos. Tenho o objetivo de desenvolver métodos mais elegantes que evitem a necessidade de criar múltiplos cabeçalhos para diferentes dispositivos, proporcionando uma transição suave entre diferentes tamanhos de tela.
Além disso, busco aperfeiçoar a estrutura geral dos meus projetos, adotando práticas mais eficazes e organizadas. Isso inclui explorar abordagens mais avançadas na gestão de estilos, componentes e funcionalidades, garantindo uma manutenção facilitada e uma base sólida para futuras expansões.
- Website - portfolio
- Frontend Mentor - @brunodavi
- LinkedIn - @brunodavi
Agradeço o @tediko por ter feito projeto com várias animações na criação do mesmo desafio servindo para mim como inspiração do que tenho a aprender