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.
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
Você pode visualizar o layout do projeto através desse link.
É necessário ter conta no Figma para acessá-lo.
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:
Para começar, você deve simplesmente clonar o repositório do projeto na sua máquina e instalar as dependências.
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
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
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
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!
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com ♥ by
-
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.