Skip to content

Faelkk/library-management-fe

Repository files navigation

📖 Library Management - Front-end

Este é o front-end do sistema Library Management, desenvolvido para atender à demanda da biblioteca da escola onde atuo como estagiário administrativo. O sistema facilita a gestão de livros didáticos e literários, otimizando os processos de empréstimo, devolução e organização do acervo, além do gerenciamento de usuários.

A interface foi construída pensando na usabilidade, acessibilidade e responsividade, garantindo uma experiência intuitiva para alunos, professores e administradores.


✅ Funcionalidades

  • 👥 Autenticação e controle de acesso com base em papéis (admin/usuário).
  • 📚 Cadastro, edição e remoção de livros e gêneros literários.
  • 🔍 Pesquisa e visualização de livros disponíveis na biblioteca.
  • 🔄 Controle visual de empréstimos e devoluções.
  • ⚙️ Interface responsiva para uso em dispositivos móveis e desktops.
  • 🧩 Integração total com a API REST do back-end via HTTPClient.

🎨 Tecnologias Utilizadas


🧱 Estrutura do Projeto

O front-end é baseado na arquitetura de componentes , utilizando standalone components do Angular 15.

  • features/: componentes de páginas e funcionalidades (ex: clients, books, loans)
  • shared/: componentes reutilizáveis (modais, inputs, botões, etc)
  • core/: serviços, guards, interceptors e configurações globais
  • styles/: configurações globais de Tailwind e temas

🔐 Segurança

  • Autenticação via JWT, com interceptação automática de tokens nas requisições.
  • Proteção de rotas com guards (AuthGuard, RoleGuard).
  • Validações reativas nos formulários para garantir integridade dos dados.

📸 Prévia da Interface

Abaixo algumas prévias principais da aplicação:

Tela de Gênero

Tela de Gênero

Tela de Empréstimos

Tela de Empréstimos

Tela de Livros

Tela de Livros

Tela de Usuários

Tela de Usuários

Tela de Clientes

Tela de Clientes

🚀 Como Rodar o Projeto

  1. Clone o Repositório:

    git clone https://github.com/Faelkk/management-library-fe
  2. Instalar as Dependências

    npm install
  3. Rodar o Projeto

    npm run start

🤝 Como Contribuir?

  • ⭐ Deixe uma estrela no repositório.
  • 🔗 Me siga aqui no GitHub.
  • 👥 Conecte-se comigo no LinkedIn e faça parte da minha rede profissional.

👨‍💻Autor Desenvolvido por Rafael Achtenberg.

About

Aplicação front-end Angular para gestão de livros e empréstimos da biblioteca.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors