🚧 Feedback Widget 🚀

Desafios da trilha Impulse 💜 da NLW 8 Return da Rocketseat.

💻 Sobre o projeto

---

• Inspiração do projeto desenvolvido no Bootcamp NLW-8 Return na trilha Impulse da Rocketseat.

- Desenvolver um widget para capturar feedback.

- Utilizar o template do layout a seguir para construir.

- Seguir o paradigma mobile first para desenvolver o layout.

🚀 Layout

---

• Consultar e atender o layout do projeto no Figma. Utilizar os assets exportando do figma.
• Mais detalhes estão no Notion

🚀 Techs

---

• html, css, javascript
• reactjs
• typescript
• tailwind
• acessibilidade com headless

🚀 Ferramentas

---

• A seguir temos as ferramentas que compõem essa aplicação. O mailtrap responsável por enviar por e-mail as informações do feedback, o vercel que hospeda o módulo backend e o railway que hospeda o banco de dados e o backend.

🛠 Construindo

---

back

• setup da aplicação
• rota
• prisma para banco de dados
• estrutura do banco de dados: tabela feedback
• enviar email com a mailtrap
• teste unitário com jest

front

• Componentização
• Propriedades
• Comunicação entre os componentes no reactjs
• pixel perfect
• navegação pelo teclado
• ux

😯 Finalizado

---

• Construindo a aplicação em versões.
• versão 2

- versão 0, versão 1

🧭 Adicionado

---

• texto da aplicação em inglês

💻 Próximo passo

• fazer o translate da aplicação: português inglês
• responsividade de forma fluída
• tema dark e light
• melhorar o html do e-mail
• dashboard dos feedbacks com autenticação usando firebase/oAuth
• validação de campos e erros

---

Feito com ❤️ por Douglas A B Novato 👋🏽 Entre em contato!