Skip to content

LuizDev7727/feedback-widget

Repository files navigation

📬 Feedback Widget

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

🧩 Funcionalidades

  • 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

🛠️ Tecnologias Utilizadas

  • 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

🚀 Como Rodar o Projeto

1. Clone o repositório

git clone https://github.com/LuizDev7727/feedback-widget.git
cd feedback-widget

# Instalar as dependencias
pnpm i

# Rodar o projeto
pnpm dev

About

Widget de feedback interativo com etapas e envio simulado.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published