{"id":15638137,"url":"https://github.com/glaucia86/jwt-node-vue","last_synced_at":"2025-04-06T14:12:06.679Z","repository":{"id":37892700,"uuid":"326090702","full_name":"glaucia86/jwt-node-vue","owner":"glaucia86","description":"Repositório responsável pelo primeiro projeto da série de vídeos: Coding Stuff.","archived":false,"fork":false,"pushed_at":"2025-03-25T14:57:54.000Z","size":1579,"stargazers_count":94,"open_issues_count":6,"forks_count":14,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-30T12:10:02.444Z","etag":null,"topics":["azure","azurefunctions","cosmosdb","express","jwt","jwt-authentication","mongodb","mongoose","node","nodejs","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/glaucia86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"glaucialemos","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2021-01-02T02:01:57.000Z","updated_at":"2025-01-27T14:29:35.000Z","dependencies_parsed_at":"2023-11-25T03:22:12.856Z","dependency_job_id":"84a0a3cb-eafe-4b00-8ffb-59d67288c78a","html_url":"https://github.com/glaucia86/jwt-node-vue","commit_stats":{"total_commits":263,"total_committers":2,"mean_commits":131.5,"dds":"0.37262357414448666","last_synced_commit":"2edda550ee550fc5ea5518f90ae8c1932801d100"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjwt-node-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjwt-node-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjwt-node-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glaucia86%2Fjwt-node-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glaucia86","download_url":"https://codeload.github.com/glaucia86/jwt-node-vue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247492557,"owners_count":20947545,"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":["azure","azurefunctions","cosmosdb","express","jwt","jwt-authentication","mongodb","mongoose","node","nodejs","vue"],"created_at":"2024-10-03T11:19:16.413Z","updated_at":"2025-04-06T14:12:06.649Z","avatar_url":"https://github.com/glaucia86.png","language":"JavaScript","funding_links":["https://ko-fi.com/glaucialemos","https://ko-fi.com/I3I644UCW'"],"categories":[],"sub_categories":[],"readme":"# Série de Vídeos - Coding Stuff: Projeto #01 - Desenvolvendo Aplicação JWT com Node + MongoDB + Vue\n\n[![C-pia-de-Tutorial-Node-js-Express-com-Docker-1.png](https://i.postimg.cc/CKLjkKzX/C-pia-de-Tutorial-Node-js-Express-com-Docker-1.png)](https://postimg.cc/WdCFPTmw)\n\nRepositório responsável pelo primeiro projeto da série de vídeos: **Coding Stuff**.\n\nO objetivo da série é ensinar inúmeros tutoriais e projetos direto ao ponto no meu **[Canal do Youtube](https://bit.ly/youtube-canal-glaucialemos)**!\n\nNesse primeiro projeto da série do **Coding Stuff!** vamos aprender um pouco sobre como podemos criar aplicações de autenticação usando o JWT com Node.js. Assim sendo, estaremos desenvolvendo uma aplicação E2E (desde o Back-End ao Front) de login e senha, a qual faremos uso do JWT e persistindo no MongoDb.\nApós isso, faremos o lado do client usando o Vue.Js.\n\nAo término do projeto local, estaremos hospedando a aplicação no **[Azure](https://azure.microsoft.com/?WT.mc_id=javascript-12243-gllemos)** tanto no lado do server e client-side!\n\n## ☕ Apoie e Ajude esse Projeto!\n\nSe você curte ou curtiu os vídeos feitos desse curso e deseja apoiar com um valor de um Cafezinho Brasileiro, então sinta-se à vontade em fazer o seu donation no botão abaixo:\n\n\u003ca href='https://ko-fi.com/I3I644UCW' target='_blank'\u003e\u003cimg height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi3.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /\u003e\u003c/a\u003e\n\n## 🚀 Recursos utilizados\n\n- **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-12243-gllemos)**\n- **[Node.js](https://nodejs.org/en/)**\n- **[Vue.js](https://vuejs.org/)**\n- **[Postman](https://www.getpostman.com/)**\n- **[MongoDB](https://www.mongodb.com/try/download/community)**\n- **[MongoDB Compass](https://www.mongodb.com/products/compass)**\n- **[Azure CosmosDB](https://azure.microsoft.com/services/cosmos-db/?WT.mc_id=javascript-12243-gllemos)**\n- **[Conta - Azure](https://azure.microsoft.com/?WT.mc_id=javascript-12243-gllemos)**\n- **[Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-12243-gllemos)**\n- **Libs do Node usadas no Projeto**\n  - **[bcryptjs](https://www.npmjs.com/package/bcryptjs)**\n  - **[bcrypt](https://www.npmjs.com/package/bcrypt)**\n  - **[jsonwebtoken](https://www.npmjs.com/package/jsonwebtoken)**\n  - **[mongoose](https://www.npmjs.com/package/mongoose)**\n  - **[dotenv](https://www.npmjs.com/package/dotenv)**\n\n## ⭐️ Conta - Azure For Students\n\nCaso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no **[Azure for Students](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-12243-gllemos)**. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: **[AQUI](https://azure.microsoft.com/free/students/?WT.mc_id=javascript-12243-gllemos)**\n\n## 💻 Série de Vídeos\n\nOs vídeos sairão todas às quintas-feiras no meu **[Canal do Youtube](https://bit.ly/youtube-canal-glaucialemos)**!\n\nAbaixo seguem os links da cada vídeo da série do projeto realizados até o momento _(atualizado semanalmente)_\n\n### **Back-End**\n\n| Vídeo Aula                                                                   | Descrição                                                          |\n| ---------------------------------------------------------------------------- | ------------------------------------------------------------------ |\n| **[Vídeo 01 - JWT + Node.js + MongoDB + Vue](https://youtu.be/JmUSx5wXU68)** | Estruturação do Projeto                                            |\n| **[Vídeo 02 - JWT + Node.js + MongoDB + Vue](https://youtu.be/Vr-UMoAv8pk)** | Desenvolvimento da Rota Default da Api                             |\n| **[Vídeo 03 - JWT + Node.js + MongoDB + Vue](https://youtu.be/6u4aM2eT-gg)** | Criando a Conexão da Base de Dados                                 |\n| **[Vídeo 04 - JWT + Node.js + MongoDB + Vue](https://youtu.be/VGgseqbWEt8)** | Criando a Classe 'User' e as Regras de Negócio com JWT \u0026 BcryptJs  |\n| **[Vídeo 05 - JWT + Node.js + MongoDB + Vue](https://youtu.be/-nRSKeT9OkE)** | Criando a Rota 'Register' e a Lógica na Controller                 |\n| **[Vídeo 06 - JWT + Node.js + MongoDB + Vue](https://youtu.be/_-3DWpuXXvU)** | Criando a Rota Aprendendo a Depurar a API no Vs Code               |\n| **[Vídeo 07 - JWT + Node.js + MongoDB + Vue](https://youtu.be/OckHsZPIRrQ)** | Desenvolvendo o middleware 'Auth'                                  |\n| **[Vídeo 08 - JWT + Node.js + MongoDB + Vue](https://youtu.be/6fUcm4aSEjM)** | Desacoplamento de Responsabilidade e Ajustes Importantes no Código |\n\n### **Front-End**\n\n| Vídeo Aula                                                                   | Descrição                                                            |\n| ---------------------------------------------------------------------------- | -------------------------------------------------------------------- |\n| **[Vídeo 09 - JWT + Node.js + MongoDB + Vue](https://youtu.be/PH-kSpoEpYI)** | Iniciando o Projeto no lado do Front-End com Vue.Js                  |\n| **[Vídeo 10 - JWT + Node.js + MongoDB + Vue](https://youtu.be/oLXCKIvOPK4)** | Criando e Organizando as pastas e arquivos no Projeto com Vue.js     |\n| **[Vídeo 11 - JWT + Node.js + MongoDB + Vue](https://youtu.be/5VSzUFIAh1U)** | Desenvolvimento da Página de Login                                   |\n| **[Vídeo 12 - JWT + Node.js + MongoDB + Vue](https://youtu.be/LtSeR3jy28Y)** | Desenvolvimento da Página de Cadastro                                |\n| **[Vídeo 13 - JWT + Node.js + MongoDB + Vue](https://youtu.be/8gG1OwMIDts)** | Inclusão do Pacote NProgress no Projeto (Front-End)                  |\n| **[Vídeo 14 - JWT + Node.js + MongoDB + Vue](https://youtu.be/UcKm1ADpWlQ)** | Desenvolvimento Lógica de validação com vuelidate - Tela de Login    |\n| **[Vídeo 15 - JWT + Node.js + MongoDB + Vue](https://youtu.be/cQxoBu2rexE)** | Desenvolvimento Lógica de validação com vuelidate - Tela de Cadastro |\n| **[Vídeo 16 - JWT + Node.js + MongoDB + Vue](https://youtu.be/hQaDG-oZQ_g)** | Integração do Back-End com Front da tela Register e uso do SweetAlert\n| **[Vídeo 17 - JWT + Node.js + MongoDB + Vue](https://youtu.be/XykcWilTg68)**   Integração do Back-End com Front da tela LOGIN                       |\n| **[Vídeo 18 - JWT + Node.js + MongoDB + Vue](https://youtu.be/TmGnuRhX_hI)** | Finalização da aplicação no Front - Page Home                        |\n\n### **Migração para Nuvem (Em breve)**\n\n| Vídeo Aula       | Descrição      |\n| ---------------- | -------------- |\n| **[EM BREVE]()** | Vídeo EM BREVE |\n| **[EM BREVE]()** | Vídeo EM BREVE |\n| **[EM BREVE]()** | Vídeo EM BREVE |\n| **[EM BREVE]()** | Vídeo EM BREVE |\n\n## ❗️ Links \u0026 Recursos Importantes\n\nComo dito durante as live codings, sempre estaremos citando links e recursos importantes que direcionarão para: documentações, cursos gratuitos, livros e conteúdos relacionados a Node.js \u0026 PostgreSQL. Abaixo, segue uma lista desses recursos, que são considerados leituras, cursos ou livros recomendados:\n\n- ✅ **[Curso Grátis de Vue.Js - Microsoft Learn](https://bit.ly/2PoJVI9)**\n- ✅ **[Curso Grátis de Criando Aplicações JavaScript com Node.js](http://bit.ly/2JN0874)**\n- ✅ **[Curso Grátis Azure Functions com Node](http://bit.ly/2LlgLHa)**\n- ✅ **[Curso Grátis CosmosDB com Node](http://bit.ly/3nd3nT0)**\n- ✅ **[Curso de Deploy Automático com SWA + GitHub Actions](http://bit.ly/3odzNxL)**\n- ✅ **[Azure para devs JavaScript \u0026 Node.js](https://docs.microsoft.com/javascript/azure/?WT.mc_id=javascript-12243-gllemos\u0026view=azure-node-latest)**\n- ✅ **[Documentação do Node.js usando o Vs Code](http://bit.ly/354hrYH)**\n- ✅ **[Depurando Aplicações Node com Vs Code](https://code.visualstudio.com/docs/nodejs/nodejs-debugging?WT.mc_id=javascript-12243-gllemos)**\n- ✅ **[Documentação do Vs Code com Vue](http://bit.ly/2MtXYtT)**\n- ✅ **[Documentação Oficial do JWT](https://jwt.io/)**\n- ✅ **[Documentação Oficial do ExpressJs](https://expressjs.com/pt-br/)**\n\n## ❓ Tenho Dúvidas... O que Faço?!\n\nCaso tenham dúvidas aos códigos desenvolvidos durante a série de vídeos, sintam-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/glaucia86/jwt-node-vue/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!\n\n**(documentação em desenvolvimento)**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fjwt-node-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglaucia86%2Fjwt-node-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglaucia86%2Fjwt-node-vue/lists"}