Um widget de feedback interativo com 3 etapas, onde o usuário pode selecionar o tipo de feedback, preencher um formulário e enviar sua opinião. A aplicação foi construída com Vite para desenvolvimento moderno em frontend e MSW (Mock Service Worker) para simular um backend durante o desenvolvimento.
Screen.Recording.2025-07-07.142740.mp4
- Escolha entre 3 tipos de feedback:
- Problema
- Ideia
- Outro
- Formulário com textarea e opção de screenshot
- Simulação de envio com feedback de sucesso
- Componentização reutilizável
- Vite — Build tool rápida e leve
- React — Biblioteca para criação de interfaces
- TypeScript — Tipagem estática para JavaScript
- Tailwind CSS — Estilização com utilitários
- MSW — Simulação de APIs REST com interceptação de rede
- html-to-image — Para capturar screenshots da interface
git clone https://github.com/LuizDev7727/feedback-widget.git
cd feedback-widget
# Instalar as dependencias
pnpm i
# Rodar o projeto
pnpm dev