M3P-BackEnd-Squad1

M3P-FrontEnd-Squad1

Frontend da LABSchool-Manager, uma aplicação Angular integrada com a API RESTful em C# .NET usando SQL Server como banco de dados.

Tecnologias Utilizadas

• Angular: Framework de desenvolvimento para construção de interfaces de usuário.
• Serviços: Utilizados para encapsular lógica de negócios e interação com a API.
• Componentização: Divisão de interfaces em componentes reutilizáveis.
• Data Binding: Ligação bidirecional de dados entre o modelo e a interface.
• Diretivas: Adicionam comportamentos às tags HTML.
• Layouts: Organização e posicionamento dos componentes na interface.
• Rotas: Navegação entre diferentes componentes sem recarregar a página inteira.
• Guarda de Rotas: Proteção de rotas com base em condições específicas.
• Requisições HTTP: Interação com a API RESTful para buscar ou enviar dados.
• Formulários Template-Driven e Reactive Forms: Manipulação e validação de formulários.

Pré-requisitos

• Node.js instalado
• Angular CLI instalado (npm install -g @angular/cli)

Instalação e Execução

1. Clone o repositório: git clone https://github.com/FullStack-Estreito/M3P-FrontEnd-Squad1.git
2. Navegue até o diretório do projeto: cd LABSchool-Manager
3. Instale as dependências: npm install
4. Inicie e abra o servidor de desenvolvimento: ng serve --o
5. Acesse a aplicação em http://localhost:4200/swagger

Uso

• A aplicação está completamente integrada com a API. Certifique-se de que a API está rodando em http://localhost:5203 para garantir o funcionamento correto do frontend.

Estrutura do Projeto

• /src/app: Contém os componentes, serviços e modelos da aplicação.
• /src/assets: Recursos estáticos como imagens e estilos.

---

Nota: Certifique-se de que a API está rodando corretamente para evitar problemas de funcionalidade.