Feedback Widget

Projeto   |    Tecnologias   |    Layout   |    Licença   |    Autor

💻 Projeto

O sistema consiste em um widget para enviar feedbacks que poderá ser implementado em uma aplicação, sua navegação foi preparada para acessibilidade. Este foi desenvolvido seguindo as boas práticas de programação com testes unitários e aplicando os princípios SOLID. Poderá ser testado visitando o link abaixo.

---

✨ Visitar o site Feedback Widget

Clique aqui

Desktop Tela Inicial

Desktop Tela de Feedback

Desktop Tela de Agradecimento

Desktop - Responsividade

---

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias e ferramentas:

• Vite
• React
• Typescript
• Vercel
• Railway.app
• TailwindCSS
• Phosphor Icons
• SQLite - Dev
• PostgreSQL - Prod
• Axios
• Express
• Cors
• Nodemailer
• Jest
• Prisma ORM
• Mailtrap.io
• Insomnia

---

🔖 Layout

Você pode visualizar o layout do projeto através desse link.
É necessário ter conta no Figma para acessá-lo.

---

🖥️ Testes Unitários

---

🔥 Executar Aplicação

🎇 Executando Localmente a Aplicação

Caso você deseja executar o projeto na sua máquina local, você precisará instalar o Node.js em sua máquima, após a instalação, basta seguir os passos abaixo:

🌀 Começando...

Para começar, você deve simplesmente clonar o repositório do projeto na sua máquina e instalar as dependências.

❗️ Instalando as Dependências (via Windows):

Abre o cmd (caso esteja utilizando o Windows) navegue até o local onde você clonou o projeto, exemplo:

C:\Users\NomeDoComputador\Documents\clonedoprojeto

Quando estiver na pasta do projeto, basta acessar a pasta feedback-widget dentro dela contém a pasta server que é o back-end da aplicação e a pasta web que é o front-end. Acesse a pasta server abra um terminal dentro desta pasta e digite a seguinte instrução: (dentro da pasta server do projeto clonado)

npm install

Ao digitar a instrução acima, automaticamente ele irá baixar todas as dependências listadas e definidas no arquivo package.json:

• node_modules - que contêm os packages do npm que precisará para o projeto.

Repita o mesmo processo na pasta web. Acesse a pasta web abra um terminal dentro desta pasta e digite a seguinte instrução: (dentro da pasta web do projeto clonado)

npm install

🛰️ Executando o back-end

Bom, agora (dentro da pasta server do projeto clonado) abra um terminal para o projeto ser executado e digite:

npm run dev

Pronto! dessa forma o projeto back-end estará rodando localmente em sua maquina, acesse:

http://localhost:3333

💨🩸 Executando o front-end

Bom, agora (dentro da pasta web do projeto clonado) abra um terminal para o projeto ser executado e digite:

npm run dev

Pronto! dessa forma o projeto front-end estará rodando localmente em sua maquina, acesse:

http://localhost:3000

---

🚩 Tenho Dúvidas... O que fazer?

Caso tenha dúvidas sobre o código do projeto, sintam-se a vontade em abrir uma ISSUE AQUI. Assim que possível, responderei todas as dúvidas!

---

💡 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

🎆 Autor:

Feito com ♥ by

• Wanderson A. Timóteo

---

🤝 Agradecimentos:

• Projeto desenvolvido durante a Next Level Week #8 Return, promovido pela Rocketseat.

• Agradecimento ao Diego Fernandes por compartilhar conteúdo relevante e com qualidade de ensino.