Este código implementa um sistema web para gerenciamento de anúncios e usuários com funcionalidades de autenticação. Abaixo está uma descrição detalhada de cada componente:
HTML:
Meta e Estilos: Define meta tags, a codificação de caracteres e estilos CSS para a interface do usuário.
Formulários: Contém formulários para Login, Cadastro, Criação de Anúncios, Edição de Usuário e uma Página Principal. Também há um contêiner para exibir anúncios e mensagens.
Scripts: Inclui a biblioteca jwt-decode e scripts JavaScript para a interatividade da página.
JavaScript:
Configuração Inicial: Utiliza o evento DOMContentLoaded para chamar a função de configuração inicial (setup).
Manipulação de Tokens JWT: Funções para salvar, obter e limpar tokens no localStorage e para obter dinamicamente o ID do usuário atual a partir do token.
Manipulação de Anúncios: Funções para exibir, editar e excluir anúncios, buscar e exibir anúncios, e eventos relacionados a anúncios.
Manipulação de Usuários: Funções para editar dados do usuário, excluir usuário e atualizar informações do usuário, e obter dados do usuário a partir do token.
Navegação entre Páginas: Funções para mostrar diferentes páginas, incluindo a página principal.
Autenticação e Interação com o Servidor: Funções para login, cadastro, criação de anúncios e logout.
Outras Funções Utilitárias: Funções utilitárias, como limpar formulários, esconder formulários, exibir mensagens.
Documentação da API: http://204.48.20.110/api-docs/
URL Base da API: http://204.48.20.110/
Documentação / Exemplo Postman: Postman Documentation
IDE: Visual Studio Code (VSCode)
Extensões Recomendadas: Pode-se otimizar a experiência de desenvolvimento instalando extensões como "Live Server" para facilitar a visualização da página web em tempo real e "JavaScript (ES6) code snippets" para atalhos úteis no desenvolvimento JavaScript.
Início da Página: O formulário de login é exibido por padrão.
Login Bem-Sucedido: Após o login, a página principal é mostrada, permitindo ações como criar anúncios, editar usuário, etc.
Interação com Anúncios e Usuários: Funções relacionadas a anúncios e usuários possibilitam a criação, edição, exclusão e visualização de informações.
Navegação entre Páginas: Funções de navegação mostram ou ocultam formulários conforme necessário.
Manipulação de Tokens: Funções gerenciam tokens JWT para autenticação.
O código utiliza o método fetch para interações com o servidor, como solicitações GET, POST, PUT e DELETE.
A dependência externa jwt-decode é importada para decodificar tokens JWT.
Este sistema proporciona uma experiência completa de gerenciamento de anúncios e usuários, garantindo autenticação segura e funcionalidades eficazes para os usuários. A documentação externa fornece informações adicionais sobre a API, incluindo a base URL, endpoints disponíveis e exemplos de requisições no Postman.
Nota: Este projeto encontra-se ainda incompleto. Algumas funcionalidades podem não estar totalmente implementadas ou testadas. Recomenda-se a consulta à documentação da API para obter informações detalhadas sobre o funcionamento do sistema.