O projeto está inativo

App Fullstack JavaScript com JWT: Linguagens favoritas

Autenticação por login e senha não é nenhuma novidade, mas como fazemos isso em APIs REST e em aplicações cliente, ou Single-page application?

39

Introdução

Aplicação Front-end em Node.js

A EXIBIÇÃO DESTE CONTEÚDO FOI INTERROMPIDAEste post está disponível para assinantesSaiba mais

Estatísticas para nerds

Arquivos 25 | Commits 64 | Branchs 1 | Contribuidores 2 | Tempo de codificação 1 mês

Aplicação cliente em Angular

A EXIBIÇÃO DESTE CONTEÚDO FOI INTERROMPIDAEste post está disponível para assinantesSaiba mais

Estatísticas para nerds

Arquivos 65 | Commits 7 | Branchs 1 | Contribuidores 2 | Tempo de codificação 16 dias

Introdução

Nesse projeto veremos a implementação de sistema de login e cadastro completo em uma aplicação SPA, ou Single-page application, utilizando o framework Angular e o padrão JWT, ou JSON Web Token. Essa aplicação se trata de um Dashboard onde podemos visualizar uma lista de linguagens de programação e curtir aquelas que mais gostamos. Podemos, também, visualizar o número de curtidas em cada uma dessas linguagens, bem como um gráfico de pizza com a distribuição do total de curtidas dentre essas linguagens.

Para a interface utilizamos a biblioteca Bootstrap, que forneceu o sistema de Grid (contêiner, linhas e colunas), o menu superior, as core, o cartão onde mostraremos os dados das linguagens e a estilização dos formulários. Além disso, utilizamos o pacote ngx-toastr para exibir mensagens de sucesso e erro para o usuário e o pacote ng2-charts para a construção do gráfico de pizza.

Criamos, também, uma API RESTful utilizando o Node.js que servirá como back-end da nossa aplicação, fornecendo a autenticação via JWT e acesso controlado aos recursos necessários para a aplicação, como por exemplo a listagem de linguagens e a opção de curti-las.

Use a aplicação no Heroku

Destaques do projeto

  • Angular 7
  • TypeScript
  • Autenticação JWT
  • Guardiões de rota
  • Interceptadores HTTP
  • Data Services
  • Local Storage
Saiba mais Veja a Série Autenticação com JWT no Node.js + Angular
Suporte ao aluno - Deixe a sua dúvida.
Assinatura Devmedia
Fa?a parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrado através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrada através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira