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?

69

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 - Tire a sua dúvida.
Inicie agora sua carreira de programador por apenas R$49,90/mês
Ainda está em dúvida? Experimente a plataforma grátis durante 7 dias. Faça um teste grátis
Conheça agora!
Benefícios
  • Suporte em tempo real
  • Certificado de autoridade
  • Exercícios para praticar
  • Estudo gamificado
  • Planos de estudo para cada carreira de programador

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar