/form-react

Primary LanguageJavaScript

Formulário em React

Este projeto foi feito através de uma oportunidade que me foi dada. A solução poderia ser feito apenas em React.

Como instalar de forma local?

Caso saiba usar o github, basta clonar o meu repositório

Baixar os arquivos e descompactar eles.
1° - Primeiro definir uma IDE, que no meu caso usei VScode, sugiro usar-lo também, vai permirtir que use umas extenções apenas para o react. 2° - Instalar o Node.js, que vai te permitir rodar o projeto pelo o npm.

No diretório do projeto, dentro do terminal execute:

npm start

Vai rodar o codigo e abrir de forma altomática na porta 3000 do localhost. Caso não abra acesse: Open http://localhost:3000 to view it in your browser.
Lá vocês podem fazer seus testes.

Estilo da Página

Usei um bacana, se chama Water.css : https://watercss.kognise.dev/ Apenas usei a CDN e linkei no html do projeto.

Sobre o Projeto - forms

A solução permite enviar todos os dados ao banco (Usei o console, testar os parâmetros), quando clica no botão enviar.
O nome está limitado a um numero de espaços, usando apenas texto.


O CPF ele não passar validação, tive o código em Javascrip no qual deixei no ./src/cpf.js/, mas não tive sucesso para emplimentar ele, sei que foi mais pela minha falta de conhecimento do dom ou do hooks, mas consegui adicionar a mascara dele, deixando visível para o usuário que precisa preencher a linha.


Tudo foi pensado em como um usuário foi guiado, as soluções que me foram passadas eu não consegui implementar todas, arrumei um jeito de pelo menos indicar ao usuário, assim não comprometendo a inda de informações falsas ou quebradas ao banco.

#Experiência com react React entrou na minha vida em 2022, lutando para ser frontend, mas atuando com fullstack fica dificil me dedicar a uma tecnologia apenas. Porém vi o react dando pulos enormes e comecei nme arristar.

Projetos que participei com react

Recentemente fui chamando para trabalhar de forma PJ em uma holding, e fiz parte da conclusão de um dos site deles.
Site da empresa vidalink: https://vidalink.net/ . Fui responsável por ajudar com o video de entrada buscar mais rapidez em mobile e a decifrar o codigo, também pelas páginas : serviços, parceiros, contato e projetos, no qual ajudei a realizar a lógica para pegar os pdfs, estilizar, tirar o bug que deixava a págica quebrada, e a criar o conteudo para todas elas, menos em projetos, que já haviam.

Resultado final

image

:(

Abraços.