Contexto
Este projeto é uma aplicação web front-end que apresenta um formulário de recrutamento para uma guilda. Foi desenvolvido como um estudo prático para solidificar conceitos de desenvolvimento de interfaces com React e estilização moderna utilizando Tailwind CSS.
Papel e contribuição
Fui responsável pelo desenvolvimento do front-end, pela implementação do formulário e pela validação dos dados. O design foi criado por outra pessoa colaboradora.
Decisão
Utilizamos o Google Apps Script integrado ao Google Sheets como uma solução de backend leve para registrar as inscrições. Essa escolha permitiu persistir e consultar os dados enviados pelo formulário sem a necessidade de desenvolver e hospedar uma API própria, mantendo o projeto simples, funcional e adequado ao seu escopo.
Resultado
Concluímos um protótipo funcional capaz de validar as informações do formulário e enviá-las para uma planilha integrada. O projeto não chegou a ser utilizado por uma guilda real.
Aprendizado
O projeto aprofundou minha prática com formulários controlados em React, gerenciamento de estados, validação de campos e requisições assíncronas. Também trabalhei com feedback de carregamento e erro, persistência local com localStorage, integração com um serviço externo e criação de layouts responsivos com Tailwind CSS. Por ter sido desenvolvido em colaboração, a experiência também reforçou a organização e a divisão de responsabilidades durante o desenvolvimento, além do aprendizado de versionamento com Git, incluindo o uso de branches, commits e resolução de conflitos durante o trabalho em equipe.
Processo
-
Definição
Definição do fluxo e criação do design pela pessoa colaboradora.
-
Interface
Desenvolvimento do front-end do formulário.
-
Validação
Implementação das validações dos dados.
-
Integração
Integração com Google Apps Script e Google Sheets.
-
Testes
Testes do envio e armazenamento dos dados.
Este projeto é uma aplicação web front-end que apresenta um formulário de recrutamento para uma guilda. Foi desenvolvido como um estudo prático para solidificar conceitos de desenvolvimento de interfaces com React e estilização moderna utilizando Tailwind CSS.
Projetos relacionados
Vamos conversar sobre o seu projeto?
Use o formulário para contar o contexto, o que precisa ser construído e em que etapa o trabalho está.