Skip to content

AsaphGabriel/CursoAngular

Repository files navigation

Cadastro de Usuários em Angular

Angular Angular Material TypeScript

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.

🖼️ Demonstração

Demonstração do Projeto

✨ Funcionalidades

  • 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.

🛠️ Tecnologias Utilizadas

  • 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.

🚀 Como Executar o Projeto

Siga os passos abaixo para rodar o projeto em seu ambiente local:

  1. Clone o repositório:

    git clone [https://github.com/AsaphGabriel/CursoAngular.git](https://github.com/AsaphGabriel/CursoAngular.git)
  2. Acesse o diretório do projeto:

    cd CursoAngular
  3. Instale as dependências:

    npm install
  4. Execute a aplicação:

    ng serve
  5. Abra seu navegador e acesse http://localhost:4200/. A aplicação será recarregada automaticamente se você alterar algum dos arquivos de origem.

📚 Aprendizados

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 Forms ou Template-Driven Forms.

👨‍💻 Autor

Desenvolvido por Asaph Gabriel.

About

Curso de front end com framework Angular.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •