https://github.com/degabrielofi/nlwreturn
NLW Return 🚀 | Um sistema de feedbacks desenvolvido durante a missão NLW da Rocketseat.
https://github.com/degabrielofi/nlwreturn
Last synced: about 1 month ago
JSON representation
NLW Return 🚀 | Um sistema de feedbacks desenvolvido durante a missão NLW da Rocketseat.
- Host: GitHub
- URL: https://github.com/degabrielofi/nlwreturn
- Owner: degabrielofi
- Created: 2022-05-10T18:58:43.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-16T16:00:32.000Z (about 4 years ago)
- Last Synced: 2025-01-10T04:34:12.256Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://degabrielnlw-return.vercel.app/
- Size: 6.89 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# :clipboard: Sobre o projeto
O projeto se resume a construção de uma ferramenta de feedback onde qualquer usuário pode relatar algum problema, ideia ou quiser deixar qualquer outra observação para que seja avaliada por um administrator do site. Além disso é possível fazer uma captura de tela que é tirada automaticamente pelo o sistema.
Abaixo podemos ver o resultado final da página, e como funciona o recebimento de emails. Espero que gostem!
## :hammer_and_wrench: Features
- [ ] Captura de tela automatica;
- [ ] Selecionar qual é o principal tipo do seu problema;
- [ ] Enviar feedback;
## 🔖 Layout
Você pode visualizar o layout do projeto original utilize [esse link](https://www.figma.com/community/file/1102912516166573468/Feedback-Widget). É necessário ter conta no [Figma](http://figma.com/) para acessá-lo.
# 🔗 Acesse o site com o link abaixo.
- [DeGabriel Store - NLWReturn](https://degabrielnlw-return.vercel.app/)
## 🚀 O que é NLW Return?
Next Level Week é a 8ª edição do evento promovido pela [Rocketseat](https://rocketseat.com.br) para a comunidade de desenvolvedores.
Nesta edição, na trilha impulse, foi desenvolvido um widget que pode ser aplicado em diversos projetos para coletar feedbacks sobre o sistema dos usuários.
A trilha foi separada em três ambientes (Back-End, Front-End e Mobile), desenvolvidos com a stack Javascript + Typescript.
As aulas da trilha impulse foram ministradas por [Diego Fernandes](https://github.com/diego3g) e [Rodrigo](https://github.com/rodrigorgtic).
## :computer: Tecnologias utilizadas
Este projeto foi desenvolvido com as seguintes tecnologias:
- [React.js](https://pt-br.reactjs.org/)
- [Node.js](https://nodejs.org/en/)
- [Prisma](https://www.prisma.io/)
- [TypeScript](https://www.typescriptlang.org/)
- [JavaScript](https://www.javascript.com/)
- [Styled-Components](https://styled-components.com/)
- [Tailwind](https://tailwindcss.com/)
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
## 🌐 Para iniciarlizar o projeto utilize o comando abaixo:
```bash
#Clonando o repositório do Github:
$ git clone https://github.com/degabrielofi/NLWReturn
#Acessar pasta Web:
$ cd Web
#Instalar alguns packages:
$ npm i axios html2canvas phosphor-react styled-components
#Instalar outras dependências que vão fazer as de cima funcionar em TypeScript:
$ npm i @tailwindcss/forms @types/react @types/react-dom @types/styled-components postcss tailwind-scollbar tailwindcss
#Inicializar pasta Web:
$ npm run start
```
## 🗃️ Para iniciarlizar a parte do Back-End utilize o comando abaixo:
```bash
#Clonando o repositório do Github:
$ git clone https://github.com/degabrielofi/NLWReturn
#Acessar pasta Web:
$ cd Server
#Instalar alguns packages:
$ npm i @prisma/client @types/nodemailer cors express nodemailer
#Instalar outras dependências que vão fazer as de cima funcionar em TypeScript:
$ npm i @swc/jest @types/cors @types/express @types/jest jest prisma ts-node ts-node-dev
#Inicializar pasta Server:
$ npm run start
```
Note: O projeto final da Rocketseat 🚀 tinha a parte de Mobile também disponivel que foi feita com React-Native, mas não conseguir realizar a o processo de desenvolvimento da tecnologia, já que na hora de baixar algumas dependências necessárias meu PC não aguentava e tava tela azul, mas para frente tentarei atualizar isso, e subir a versão Mobile. Grato!
##
## 😃 Gostou? Me siga lá no -> [Likedln](https://www.linkedin.com/in/degabrielofi/)