Este é um envio para o Frontend Challenge v24.07.24, CSS Art: Recreation.

Inspiração

Fui inspirado a criar uma landing page responsiva para a New York Recreational Cricket League (NYRCL). A ideia era torná-lo visualmente atraente e interativo, garantindo ao mesmo tempo uma ótima aparência em todos os dispositivos.

Demonstração

Você pode conferir a demonstração ao vivo do projeto aqui: NYRCL Landing Page

Você pode encontrar o código do projeto em meu repositório GitHub: frontend-challenge

Jornada

Este projeto foi uma oportunidade fantástica para aplicar práticas modernas de web design. Aqui estão alguns aspectos importantes da jornada:

1. Planejamento e Design:

   • Comecei delineando a estrutura da página e escolhendo um esquema de cores que refletisse o espírito vibrante de uma liga recreativa de críquete.

2. Desenvolvimento:

   • Usei HTML para estruturar o conteúdo, CSS para estilizar e garantir capacidade de resposta e JavaScript para interatividade.
   • O CSS inclui consultas de mídia para lidar com diferentes tamanhos de tela, garantindo uma experiência consistente em todos os dispositivos.
   • JavaScript foi usado para adicionar efeitos de foco e transições suaves, melhorando o envolvimento do usuário.

3. Desafios e aprendizagem:

   • Um dos desafios foi garantir que a página fosse totalmente responsiva. Aprendi muito sobre como usar flexbox e consultas de mídia para conseguir isso.
   • Outro desafio foi criar animações e transições suaves, o que exigia um ajuste cuidadoso das propriedades CSS.

4. Resultado:

   • Estou particularmente orgulhoso do design responsivo e dos elementos interativos que tornam a página viva e envolvente.

5. Próximos passos:

   • Pretendo adicionar mais elementos interativos, como um formulário de registro e carregamento de conteúdo dinâmico.

Conclusão

Participar deste desafio foi uma experiência gratificante e estou ansioso para aplicar esses aprendizados em projetos futuros. Obrigado por organizar esta oportunidade fantástica!