Skip to content

JohnPetros/form-validation-react-native

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Formulário simples em React Native


Projeto   |    Funcionalidades   |    Aprendizado   |    Tecnologias   |    Instalação e execução   |    Licença

🖥️ Projeto

Formulário com validação que recebe dados de um usuário (nome, ano de nascimento, endereço, CPF e RG. Após o formulário ser submitado, o usuário é redirecionado para a segunda tela do aplicativo, mostrando seus dados inseridos em formato de tabela, juntamento com sua idade, calculada a partir do ano de nascimento fornecido. Segundo projeto desenvolvido como tarefa para matéria de Programação Mobile na Etec

Demonstração

piratas-do-caribe-foto-1 formulario-foto-3 formulario-foto-4

✨ Funcionalidades

  • Validação de dados de formulário
  • Mensagens de erro
  • Cáculo da idade do usuário com base no ano de nascimento do usuário
  • listagem de dados cadastrados com sucesso

📖 Aprendizado

-Construção de formulários em React -Uso de states para alterar componentes dinamicamente -Validação de dados com REGEX (expressões regulares) -Passagem de dados entre telas por meio de parâmetros de rota -Fluxo de renderização -Mensagens de alerta -Renderização e estilização condicional -Experiência de usuário no que diz respeito a preencher formulários em dispositivos móveis


🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Mobile (React Native)

Instalação e execução

Pré-requesitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código como VSCode
4

Você poder executar o App no seu celular ou em um emulador de celular da sua preferência usando Expo acessando este link: expo.dev.

📟 Rodando o Mobile

# Clone este repositório
$ git clone  https://github.com/JohnPetros/form-validation.git

# Acesse a pasta do projeto no terminal/cmd
$ cd form-validation

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npx expo start

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Feito com 💜 by João Pedro 👋🏻