Terceiro Desafio: Formulário de Cadastro de Membros - Processo Seletivo Frontend Fusion - [vaga voluntária]
OBS : Você receberá um e-mail com a data de início dos desafios, mas eles já estão disponíveis para acesso imediato.
Se ainda não preencheu o formulário, por favor, acesse o link para completá-lo.
Forms de inscrição
é importante está inscrito no formulário , pois o seu email precisa ser validado
Desenvolver um formulário de cadastro de membros para o projeto Frontend Fusion, utilizando React, validação de dados com Yup ou Zod, e salvando os dados localmente. 📝
-
Layout e Componentes:
- Utilize React para criar os componentes necessários para o formulário.
- Desenvolva um layout limpo e responsivo utilizando Tailwind CSS ou outra biblioteca de sua escolha. 🎨
-
Campos do Formulário:
- Nome completo (obrigatório) 🗣️
- E-mail (obrigatório, com validação de formato) 📧
- Telefone (obrigatório) 📞
- Cargo pretendido (obrigatório, seleção de uma lista pré-definida):
- Desenvolvedor Frontend
- Desenvolvedor Backend
- Desenvolvedor Full Stack
- Desenvolvedor Mobile
- Desenvolvedor de Software
- Engenheiro de Software
- Arquiteto de Software
- UI/UX Designer
- Analista de Sistemas
- Analista Programador
- DevOps Engineer
- Engenheiro de Dados
- QA Engineer
- Scrum Master
- Product Owner
- LinkedIn (opcional) 🌐
- GitHub (opcional) 🐙
-
Validação de Dados:
- Utilize Yup ou Zod para validar os campos obrigatórios e opcionais.
- Implemente validação de formato para o campo de e-mail. ✅
-
Armazenamento Local:
- Ao cadastrar um membro, salve os dados no
localStorage ou sessionStorage. 💾
- Exiba mensagens de sucesso ou erro após salvar os dados localmente. 🗨️
-
Mensagens de Estado:
- Exiba mensagens para indicar o estado do cadastro, como "Cadastro realizado com sucesso!" ou "Falha ao cadastrar. Verifique os dados informados." 🚦
-
Documentação e Deploy:
- [opcional] Documente o processo de desenvolvimento e as decisões tomadas durante a implementação. 📝
- Faça o deploy da aplicação em uma plataforma como GitHub Pages, Vercel, Netlify, ou outra de sua escolha. 🌍
- Envie o link do deploy junto com o código-fonte do projeto e o link da postagem no LinkedIn mostrando os desafios concluídos para projetofrontendfusion@gmail.com. O e-mail deve incluir:
- Nome
- Link do GitHub
- Link do LinkedIn
- Data de Início
- Data de Entrega
- Link do GitHub com o Código
- Link do Deploy
- Link da Postagem no LinkedIn
Observação: É obrigatório entregar todos os três desafios em até 20 dias após o início. Este é o Desafio 03 de 03 desafios. ⏳
Você tem 20 dias para concluir todos os três desafios. 📅
Os critérios de avaliação incluirão:
- Funcionalidade do formulário
- Qualidade do código
- Implementação dos requisitos
- Estética e design
- Responsividade
- Integração adequada das mensagens de estado
- Faça um fork deste repositório. 🍴
- Crie um branch com seu nome: nome-sobrenome.
- Após completar o desafio, envie o link do deploy, o repositório do código-fonte e o link da postagem no LinkedIn por e-mail para projetofrontendfusion@gmail.com com o assunto: "Entrega + Desafios[03] + Seu Nome". 📧
Assunto: Entrega + Desafios[03] + João Silva
Olá,
Segue abaixo a entrega do Desafio 03 para o processo seletivo do Frontend Fusion.
Nome: João Silva
Link do GitHub: https://github.com/joaosilva
Link do LinkedIn: https://linkedin.com/in/joaosilva
Data de Início: 01/09/2024
Data de Entrega: 20/09/2024
Link do GitHub com o Código: https://github.com/joaosilva/desafio03
Link do Deploy: https://joaosilva.netlify.app
Link da Postagem no LinkedIn: https://linkedin.com/posts/joaosilva/desafio-03
Agradeço a oportunidade e estou à disposição para qualquer dúvida.
Atenciosamente,
João Silva
Boa sorte e estamos ansiosos para ver seu trabalho! 🚀
Este desafio faz parte do processo seletivo do projeto Frontend Fusion para a vaga de Desenvolvedor React Júnior.
gem-hunter