Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thiago-cloud/cadastro_de_clientes-frontend
Aplicação para cadastramento de cliente utilizando angular no frontend e spring no backend.
https://github.com/thiago-cloud/cadastro_de_clientes-frontend
angular15 bootstrap css html typescript
Last synced: about 20 hours ago
JSON representation
Aplicação para cadastramento de cliente utilizando angular no frontend e spring no backend.
- Host: GitHub
- URL: https://github.com/thiago-cloud/cadastro_de_clientes-frontend
- Owner: thiago-cloud
- Created: 2024-08-29T18:19:46.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-29T18:34:04.000Z (5 months ago)
- Last Synced: 2024-11-15T21:34:07.033Z (2 months ago)
- Topics: angular15, bootstrap, css, html, typescript
- Language: TypeScript
- Homepage:
- Size: 139 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CRUD de Cadastramento de Cliente
Status: Desenvolvedor ⚠️
Este é um projeto de exemplo que implementa uma aplicação CRUD (Create, Read, Update, Delete) para gerenciamento de clientes. A aplicação é dividida em duas partes:
- **Backend**: Implementado com **Spring Boot**.
- **Frontend**: Implementado com **Angular**.## Tecnologias Utilizadas
### Frontend
- **Angular CLI**: Ferramenta para scaffolding e gerenciamento do projeto Angular.
- **Bootstrap**: Biblioteca de CSS para estilização da interface.## Estrutura do Projeto
### Frontend
1. **Componente**: Exibe a interface do usuário e lida com a lógica de interação.
2. **Serviço**: Faz chamadas HTTP para o backend e manipula dados.
3. **Modelo**: Define a estrutura dos dados no frontend.
4. **Módulo**: Organiza o código em partes reutilizáveis.## Pré-requisitos
- **Node.js** e **npm** para gerenciamento de pacotes Angular
- **Angular CLI** para criar e gerenciar o projeto Angular### Campos no modelo principal
- Nome
- Idade
- Cidade
## Execução do projeto
- **Frontend** Na raiz do projeto api_front digite o comando "ng serve" para execução do frontend