README.md

📘 Cadastro, Login e Página do Usuário - Aplicação React

Fluxo completo de autenticação de usuários utilizando React, Firebase Auth, React Router Dom e Styled Components, com base em um protótipo visual do Figma da DIO.

🌐 Link para conferir o projeto:

https://react-registration-login-user-home-home.vercel.app/

---

📄 Páginas

• Home
• Cadastro
• Login
• Página do Usuário

Essas páginas implementam formulários, validações e navegação utilizando:

• react-hook-form para controle de formulários
• yup para validação dos dados
• react-router-dom para rotas
• firebase para autenticação na nuvem
• styled-components para estilização baseada no protótipo Figma

---

⚙️ Funcionalidades

• ✅ Cadastro de usuários
• 🔐 Login com Firebase Authentication
• 🔄 Navegação entre rotas com react-router-dom
• 🧪 Validação de campos com yup

🖼️ Exemplo de Validação:

🧾 Usuário Cadastrado com Sucesso (Firebase):

🙌 Após o Login (Usuário Autenticado):

---

📚 Aprendizados

✅ Formulários com React Hook Form

• Controle eficiente do estado dos inputs

✅ Validação com Yup

• Validação baseada em esquemas de dados

✅ Autenticação com Firebase

• Cadastro e login via Firebase Authentication

✅ Navegação com React Router Dom

• Rotas declarativas entre páginas

✅ Reutilização de Componentes

• Criação e reaproveitamento de componentes com styled-components

---

🚀 Instalação e Execução

Clone o repositório ou baixe os arquivos do projeto.

1. Instale as dependências:

yarn

🔗 Desenvolvido por dig-ie