Thanks to visit codestin.com
Credit goes to github.com

Skip to content

xXezi/crud-angular-material

Repository files navigation

Cadastro de Clientes com Angular e Angular Material

Este projeto é um sistema de cadastro e consulta de clientes, desenvolvido com Angular e Angular Material. Os dados são armazenados no navegador via localStorage, e o sistema conta com integração à BrasilAPI para seleção dinâmica de estados e municípios.


Conhecimentos adquiridos

  • Criação de projetos com Angular CLI.
  • Estrutura de componentes e rotas no Angular.
  • Utilização de Angular Material para UI responsiva.
  • Criação e estilização de formulários com validação.
  • Aplicação de máscaras em campos de formulário.
  • Feedback ao usuário com MatSnackBar.
  • Armazenamento de dados no localStorage.
  • Implementação de CRUD completo (Create, Read, Update, Delete).
  • Consumo de APIs externas (BrasilAPI).
  • Injeção de dependência e criação de serviços.
  • Manipulação de parâmetros de rota para edição de registros.

Tecnologias utilizadas

  • Angular CLI - v19.0.2
  • Angular Material
  • Flex Layout
  • UUID
  • BrasilAPI
  • TypeScript
  • HTML / SCSS
  • LocalStorage
  • Postman
  • VS Code

Como executar o projeto

Siga os passos abaixo para rodar o projeto localmente.

# Clonar o repositório
git clone https://github.com/xXezi/crud-angular-material.git

# Acessar a pasta do projeto
cd crud-angular-material

# Instalar as dependências
npm install

# Executar o servidor
ng serve

Depois, abra o navegador e acesse: http://localhost:4200
A aplicação será recarregada automaticamente sempre que você modificar os arquivos-fonte.


Layout do projeto

Tela inicial

Home

Formulário de cadastro

Formulário Formulário Formulário

Consulta de clientes

Consulta


Documentações úteis

Angular.
Angular Material.