Frontend

O front-end é a camada responsável pela interação do usuário com o sistema. Todo o ambiente visual do site como formulários, botões, listas de produtos, filtros e feedbacks visuais é apresentado através dessa camada. Essa parte do sistema se comunica diretamente com as APIs do back-end, enviando e recebendo dados em tempo real, proporcionando uma navegação fluida e sem recarregamentos desnecessários de página (SPA - Single Page Application).

Para desenvolver o Frontend, utilizamos algumas ferramentas, elas são:

Angular (Versão 19):

A interface do sistema foi desenvolvida com um framework robusto baseado em TypeScript, utilizado para construção de SPAs (Single Page Applications). Ele permite a criação de componentes reutilizáveis, gerenciamento de rotas, formulários reativos e integração eficiente com APIs, garante uma interface dinâmica, modular e responsiva, trazendo eficiência para os usuários.

CSS3:

Além do Angular, utilizamos o CSS puro para estilização, garantindo controle direto sobre o design visual da aplicação, com personalização total das interfaces e responsividade para diferentes tamanhos de tela. A organização dos estilos seguiu uma estrutura modular e reutilizável, integrada aos componentes do Angular, permitindo uma personalização visual completa, com foco em usabilidade e experiência do usuário.