https://github.com/devkayos/multistep_form

Esse é um projeto de formulário multistep de avaliação, usando React + TS, criado como forma de estudos
https://github.com/devkayos/multistep_form

Last synced: about 4 hours ago
JSON representation

Esse é um projeto de formulário multistep de avaliação, usando React + TS, criado como forma de estudos

• Host: GitHub
• URL: https://github.com/devkayos/multistep_form
• Owner: DevKayoS
• Created: 2024-03-22T17:28:52.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-03-23T01:09:29.000Z (8 months ago)
• Last Synced: 2024-03-23T23:22:11.108Z (8 months ago)
• Language: TypeScript
• Homepage: https://multistep-form-pi.vercel.app
• Size: 49.8 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Formulário multistep

![image](https://github.com/DevKayoS/multistep_form/assets/157029608/6374ec4f-1420-4fc6-af28-ea62e91cc0ba)

##

Esse projeto é um formulário multistep de avaliação de um produto, essa aplicação foi feita no intuito de estudar esse tipo de formulário utilizando somente o React com o typescript, na imagem acima vemos a tela inicial, onde colocamos o nome e o email do usuário, clicando em "Avançar" é direcionado para a próxima etapa do formulário.

##

![image](https://github.com/DevKayoS/multistep_form/assets/157029608/27296d4b-2779-4d99-830a-8997c64531c9)

##

Nessa imagem acima, vemos a próxima etapa do formulário, onde o usuário pode selecionar o nível de satisfação e deixar um comentário, ao clicar em avançar é levado para a última etapa do formulário:

##

![image](https://github.com/DevKayoS/multistep_form/assets/157029608/2f73b894-65b4-4c91-8a33-e679767ffad7)

##

Acima podemos ver a imagem da última etapa do formulário que é um agradecimento, além disso é mostrado o comentário e o nível de satisfação do usuário

## 

Projeto feito com:

  * React;

  * Typescript;

  * Tailwindcss;

##