{"id":19676553,"url":"https://github.com/degabrielofi/nlwreturn","last_synced_at":"2026-05-26T16:35:14.882Z","repository":{"id":111973148,"uuid":"490825286","full_name":"degabrielofi/NLWReturn","owner":"degabrielofi","description":"NLW Return 🚀 | Um sistema de feedbacks desenvolvido durante a missão NLW da Rocketseat.","archived":false,"fork":false,"pushed_at":"2022-05-16T16:00:32.000Z","size":7226,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-10T04:34:12.256Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://degabrielnlw-return.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/degabrielofi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-05-10T18:58:43.000Z","updated_at":"2022-05-10T21:21:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"88709f7e-7b32-4122-a5ba-f476e640beeb","html_url":"https://github.com/degabrielofi/NLWReturn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/degabrielofi%2FNLWReturn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/degabrielofi%2FNLWReturn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/degabrielofi%2FNLWReturn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/degabrielofi%2FNLWReturn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/degabrielofi","download_url":"https://codeload.github.com/degabrielofi/NLWReturn/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240985927,"owners_count":19889179,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T17:29:14.161Z","updated_at":"2026-05-26T16:35:14.851Z","avatar_url":"https://github.com/degabrielofi.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"  \u003cp align=\"center\"\u003e\n  \u003cimg alt=\"DeGabriel_Store\" src=\"./GitHub/Icon NLWReturn.svg\" width=\"30%\"\u003e \n  \u003c/p\u003e\n  \n  \u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Github Top Language\" src=\"https://img.shields.io/github/languages/top/degabrielofi/NLWReturn?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Github Language Count\" src=\"https://img.shields.io/github/languages/count/degabrielofi/NLWReturn?color=56BEB8\"\u003e\n\n  \u003cimg alt=\"Repository Size\" src=\"https://img.shields.io/github/repo-size/degabrielofi/NLWReturn?color=56BEB8\"\u003e\n\n\u003c/p\u003e\n\n# :clipboard: Sobre o projeto\n\nO 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. \n\nAbaixo podemos ver o resultado final da página, e como funciona o recebimento de emails. Espero que gostem!\n\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"MyLinks\" src=\"./GitHub/DeGabriel Store - NLWReturn.gif\" width=\"80%\"\u003e \n  \u003c/p\u003e\n\n## :hammer_and_wrench: Features \n\n-   [ ] Captura de tela automatica;\n-   [ ] Selecionar qual é o principal tipo do seu problema;\n-   [ ] Enviar feedback;\n\n## 🔖 Layout\n\nVocê 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.\n\n\n# 🔗 Acesse o site com o link abaixo. \n\n- [DeGabriel Store - NLWReturn](https://degabrielnlw-return.vercel.app/)\n\n## 🚀 O que é NLW Return?\n\nNext Level Week é a 8ª edição do evento promovido pela [Rocketseat](https://rocketseat.com.br) para a comunidade de desenvolvedores.\nNesta 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.\n\nA trilha foi separada em três ambientes (Back-End, Front-End e Mobile), desenvolvidos com a stack Javascript + Typescript.\n\nAs aulas da trilha impulse foram ministradas por [Diego Fernandes](https://github.com/diego3g) e [Rodrigo](https://github.com/rodrigorgtic).\n\n\n## :computer: Tecnologias utilizadas\nEste projeto foi desenvolvido com as seguintes tecnologias:\n- [React.js](https://pt-br.reactjs.org/)\n- [Node.js](https://nodejs.org/en/)\n- [Prisma](https://www.prisma.io/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [JavaScript](https://www.javascript.com/)\n- [Styled-Components](https://styled-components.com/)\n- [Tailwind](https://tailwindcss.com/)\n- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)\n- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)\n\n\n## 🌐 Para iniciarlizar o projeto utilize o comando abaixo:\n```bash\n\n#Clonando o repositório do Github: \n$ git clone https://github.com/degabrielofi/NLWReturn\n\n#Acessar pasta Web:\n$ cd Web\n\n#Instalar alguns packages:\n\n$ npm i axios html2canvas phosphor-react styled-components\n\n#Instalar outras dependências que vão fazer as de cima funcionar em TypeScript:\n\n$ npm i @tailwindcss/forms @types/react @types/react-dom @types/styled-components postcss tailwind-scollbar tailwindcss\n\n#Inicializar pasta Web:\n$ npm run start\n \n```\n\n## 🗃️ Para iniciarlizar a parte do Back-End utilize o comando abaixo:\n```bash\n\n#Clonando o repositório do Github: \n$ git clone https://github.com/degabrielofi/NLWReturn\n\n#Acessar pasta Web:\n$ cd Server\n\n#Instalar alguns packages:\n\n$ npm i @prisma/client @types/nodemailer cors express nodemailer\n\n#Instalar outras dependências que vão fazer as de cima funcionar em TypeScript:\n\n$ npm i @swc/jest @types/cors @types/express @types/jest jest prisma ts-node ts-node-dev\n\n\n#Inicializar pasta Server:\n$ npm run start\n \n```\n\n\u003ch5\u003eNote: 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! \u003c/h5\u003e\n\n## \n\n## 😃 Gostou? Me siga lá no -\u003e [Likedln](https://www.linkedin.com/in/degabrielofi/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdegabrielofi%2Fnlwreturn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdegabrielofi%2Fnlwreturn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdegabrielofi%2Fnlwreturn/lists"}