Neste projeto, desenvolvi um Gerador de Cartão de Visita fictício para a Resultados Digitais. Aqui estão as bibliotecas que utilizei, bem como uma visão geral dos objetivos concluídos.
- Next.js
- React Hook Form
- Zod
- Styled Components
- react-number-format
- Jest e Testing Library
-
Desenvolvimento de uma aplicação responsiva, adaptada para diferentes tamanhos de tela (360px e 1440px).
-
Implementação de boas práticas de SEO, acessibilidade e HTML semântico.
-
Criação de um formulário com validações rigorosas:
- Nome: Requer pelo menos dois caracteres.
- E-mail: Verifica se o endereço é válido.
- Telefone: Possui uma máscara específica para números de telefones nacionais.
-
Adição de um link para a política de privacidade da RD Station.
-
Geração de um cartão de visitas com base nos dados fornecidos no formulário.
-
Implementação de um botão para download do cartão, mesmo que esteja desabilitado.
-
Adoção de um botão para retornar à tela anterior, que também limpa todos os campos do formulário.
-
Inclusão de um link "Faça um teste grátis no RD Station Marketing" que abre em uma nova aba e redireciona para o RD Station Marketing.
A aplicação foi implantada na plataforma Vercel e está disponível no seguinte link: Gerador de Cartão de Visita Resultados Digitais.
Sinta-se à vontade para explorar a aplicação e testar seu funcionamento. O código-fonte também está disponível para revisão. Agradeço por conferir minha solução para o desafio Resultados Digitais! 🙌