Skip to content

👤 Frontend application built with Angular to consume a Spring Boot JWT authentication API. Features registration, login, and a protected profile page.

Notifications You must be signed in to change notification settings

ElderFausto/auth-users-ui

Repository files navigation

Aplicação de Autenticação com Angular

Angular TypeScript License: MIT

image

Frontend para uma API de autenticação, permitindo que usuários se registrem, façam login, visualizem seus perfis e façam logout.

Tecnologias Utilizadas

  • Angular 17+
  • TypeScript
  • Angular CLI
  • HTML5 / CSS3

Como Rodar a Aplicação

  1. Pré-requisito: Tenha o Node.js e o Angular CLI instalados. O backend (API) deve estar rodando em http://localhost:8080.
  2. Clone este repositório (ou navegue até a pasta).
  3. Instale as dependências:
    npm install
  4. Inicie o servidor de desenvolvimento:
    ng serve
  5. Acesse a aplicação em http://localhost:4200 no seu navegador.

Funcionalidades

  • Páginas e Roteamento:
    • /login: Página de login.
    • /register: Página de cadastro.
    • /profile: Página de perfil do usuário (acessível apenas após o login).
  • Gerenciamento de Estado:
    • O token JWT é armazenado no localStorage do navegador.
  • Autenticação Automática:
    • Um HttpInterceptor é usado para anexar automaticamente o cabeçalho Authorization: Bearer <token> a todas as requisições para a API, simplificando a comunicação com rotas protegidas.
  • Navegação Condicional: A barra de navegação exibe links diferentes dependendo se o usuário está logado ou não.

About

👤 Frontend application built with Angular to consume a Spring Boot JWT authentication API. Features registration, login, and a protected profile page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published