Multi-Step Form Wizard 🧭 (React + TypeScript)

Um formulário multi-etapas (wizard form) desenvolvido com React, TypeScript e Vite. O projeto simula uma experiência de preenchimento progressivo, guiando o usuário por etapas de cadastro com validação de fluxo e feedback visual.

---

🚀 Tecnologias Utilizadas

• ⚛️ React
• 📘 TypeScript
• ⚡ Vite
• 🎯 React Icons (para os steps)
• 🎨 CSS

---

📋 Funcionalidades

• Navegação por etapas (steps)
• Feedback visual da etapa atual
• Validação de limite de passos
• Controle de estado com hook customizado
• Componente de revisão final
• Tela de agradecimento no final do processo
• Código limpo e modularizado

---

🧠 O que foi explorado nesse projeto

• Criação de hooks personalizados (useForm)
• Manipulação de estado e props entre componentes
• Separação lógica por componentes reutilizáveis
• Simulação de um fluxo de cadastro completo
• Aplicação real de conceitos como event.preventDefault(), controle de formulário e navegação programática
• Escrita limpa e comprometida com boas práticas de React

---

🛠️ Como rodar o projeto localmente

1. Clone o repositório:

   git clone https://github.com/WagnerRodrigues181/react-multi-step-form.git

2. Instale as dependências:

   npm install

3. Rode o projeto:

   npm run dev

4. Acesse via:

   http://localhost:5173