- 📝 Sobre
- ✅ Funcionalidades
- 🚀 UI e Deploy
- 🧩 Principais Dependências
▶️ Como Configurar o Projeto no VS Code- 🤝 Contribuição
Projeto desenvolvido durante o curso Formação Front-end - HTML, CSS, JavaScript, React e +, da Comunidade Hora de Codar. Formulário multistep desenvolvido com React + TypeScript, que permite navegação entre etapas mantendo os dados preenchidos.
O projeto visa exercitar controle de estado, reaproveitamento de componentes e navegação lógica entre passos.
Com essa aplicação é possível:
- 🧑 Preencher dados pessoais
- ✍️ Avaliar um produto com nota e comentário
- 🔄 Navegar entre os passos mantendo os dados inseridos
- ✅ Visualizar uma tela de agradecimento ao final
- React – Biblioteca principal
- TypeScript – Tipagem estática para segurança e produtividade
- React Icons – Para os ícones de navegação
- Vite – Bundler leve para desenvolvimento rápido
Para a lista completa de dependências e versões, consulte o arquivo package.json.
Antes de prosseguir com a configuração, certifique-se de ter todos os pré-requisitos instalados corretamente para evitar erros durante a instalação e execução do projeto:
Git 2.4+ Node.js 12+ Live Server
- Clone este repositório:
Abra o VS Code, pressione
Ctrl + Shift + P, digite "Git Clone" e cole o link do repositório:
https://github.com/domfabio/Form-Multiset-React-TS.git- Instalar Dependências:
npm install- Inicie o servidor de desenvolvimento:
npm run dev- Acesse o projeto no navegador:
No terminal, pressioneCtrl + Cliqueno link gerado:
➜ Local: http://localhost:5173/
Se deseja contribuir, siga os passos:
- Fork o repositório
- Crie uma branch:
git checkout -b feature-minha-feature - Faça commit das suas mudanças:
git commit -m 'Minha nova funcionalidade' - Faça push para a branch:
git push origin feature-minha-feature - Abra um Pull Request
Este projeto é distribuído sob a Open Source License - MIT.
Veja a documentação para mais detalhes.