Projeto de um CRUD (Create, Read, Update, Delete) de usuários desenvolvido como parte do aprendizado do framework Angular. A aplicação permite a visualização, criação, edição e exclusão de usuários em uma interface limpa, utilizando componentes da biblioteca Angular Material.
- Listagem de Usuários: Exibe todos os usuários cadastrados em uma tabela organizada.
- Criação de Usuário: Permite adicionar um novo usuário através de um formulário em um modal.
- Edição de Usuário: Possibilita a alteração dos dados de um usuário existente.
- Exclusão de Usuário: Permite remover um usuário da lista.
- Interface com Angular Material: Utiliza componentes como Tabela, Botões, Ícones e Modais para uma UI moderna.
- Angular: Framework principal para a construção da Single-Page Application (SPA).
- TypeScript: Linguagem base para o desenvolvimento em Angular.
- Angular Material: Biblioteca de componentes de UI para criar uma interface visualmente agradável e consistente.
- HTML5 & SCSS: Estruturação e estilização dos componentes.
Siga os passos abaixo para rodar o projeto em seu ambiente local:
-
Clone o repositório:
git clone [https://github.com/AsaphGabriel/CursoAngular.git](https://github.com/AsaphGabriel/CursoAngular.git)
-
Acesse o diretório do projeto:
cd CursoAngular -
Instale as dependências:
npm install
-
Execute a aplicação:
ng serve
-
Abra seu navegador e acesse
http://localhost:4200/. A aplicação será recarregada automaticamente se você alterar algum dos arquivos de origem.
Este projeto foi fundamental para solidificar conhecimentos nos seguintes conceitos do Angular:
- Estrutura de projetos com Angular CLI.
- Criação e comunicação entre componentes (
@Input()e@Output()). - Renderização de listas com a diretiva
*ngFor. - Manipulação de eventos com
(click). - Integração e uso de componentes da biblioteca Angular Material.
- (Opcional, se usou) Criação de formulários com
Reactive FormsouTemplate-Driven Forms.
Desenvolvido por Asaph Gabriel.
- LinkedIn: linkedin.com/in/asaphgabriel
- GitHub: @AsaphGabriel