Título:
Pacote de funções em
React.Js: Formulário + Validação
Descrição:
Precisamos dos componentes descritos abaixo seguindo o padrão da nossa estrutura:
Formulário de contato enviado por e-mail.
Stack padrão:
React.js + Redux + Saga + React Router + Firebase Firestore + Rekit.
O front end será desenvolvido por outros profissionais.
--
VALOR
R$ 350,00
Nosso sistema de pagamento é baseado no total de valor/hora e tempo gasto que um profissional experiente (Fera) consegueria entregar. Mesmo que você não seja esse profissional conseguimos dar a chance para que você aprenda e entregue porém em tempos diferentes. Assim mesmo um desenvolvedor iniciante tem a chance de receber o mesmo valor do experiente porém em um tempo mais longo de desenvolvimento até atingir as qualidades necessárias para diminuir o seu tempo de desenvolvimento.
--
prazo final = 3 dias
quanto mais o desenvolvedor tiver experiência mais rápido poderá concluir o pacote e mais pacotes poderá desenvolver em menos tempo aumentando a sua capacidade de ganho. Esse prazo final é para que desenvolvedores menos experientes tenham a chance de participar.
--
Nome da Feature no Rekit: "Form01"
Funcionamento: Sem mudar a estrutura do rekit que automatiza testes e actions o formulário deverá conter:
01 > Página:
Form01.js
> Tipo da página= Privada (apenas depois de logado ele poderá ter acesso a essa página)
DESCRIÇÃO: Página com formulários simples e validação
A - ELEMENTOS
- Campo: Nome
- Campo: E-mail
- Campo: Telefone
- Radio: Pessoa / Empresa (boolean pessoa = true or false)
- Campo: Descrição
- Btn: Enviar
B - VALIDAÇÃO
Avisos em Vermelho:
- "Nome Obrigatório"
- "E-mail Obrigatório"
- "Telefone Obrigatório"
(Descrição não é obrigatória)
Abaixo de cada para opção:
- "Preencha os campos obrigatórios" (deixa eles em vermelho)
- "Falha no envio".
Avisos em Verde:
- "Mensagem enviada com sucesso!"
C - FIREBASE
Salvar os dados no banco de dados do firestore na seguinte estrutura:
> Coleção: "Form01"
> Documento: id gerado pelo firestore
> Campos:
- Array: Campos
- Nome
- E-mail
- Telefone
- Pessoa (true padrão)
- Descrição
- Array: "Created Log"
- Ano
- Mês
- Dia
- Hora
- Minuto
- por: Id do Usuário Logado
D - Envio de E-mail
Os dados deverão ser enviados via gmail para um email externo usando
Node.js
02 > Página:
Perfil01.js
> Tipo da página= Privada (apenas depois de logado ele poderá ter acesso a essa página)
DESCRIÇÃO: Depois de 10 segundos com o aviso de "Mensagem enviada com sucesso!" mostrar essa tela simples com um texto e a lista de mensagens enviadas ordenadas por última data.
A - ELEMENTOS
Texto: Perfil
Lista: Últimas Mensagens
Campo: Hora, minuto, Dia / Mês / Ano
Prazo de Entrega: 30 de Agosto de 2018