An open API service indexing awesome lists of open source software.

https://github.com/samuelmsilva2v/webclientes

Front-end application developed in Angular for client management, integrating with a REST API.
https://github.com/samuelmsilva2v/webclientes

angular bootstrap front-end

Last synced: 2 months ago
JSON representation

Front-end application developed in Angular for client management, integrating with a REST API.

Awesome Lists containing this project

README

          

# Web Clientes
[🇺🇸 Read in English](#web-clients)

Este é um front-end construído com Angular para gerenciar clientes, criar e autenticar usuários, fornecendo uma interface para interagir com as APIs REST [apiClientes](https://github.com/samuelmsilva2v/apiClientes) e [apiAuthUsuario](https://github.com/samuelmsilva2v/apiAuthUsuarios).

## Pré-requisitos
- Node.js e npm instalados: [Node.js](https://nodejs.org/)
- Angular CLI instalado globalmente:
```bash
npm install -g @angular/cli
```

## Tecnologias
* Angular
* Bootstrap

## Instalação
1. Clone o repositório
```bash
git clone https://github.com/samuelmsilva2v/webClientes.git
cd webClientes
```
2. Instale as dependências
```bash
npm install
```

## Estrutura do projeto e componentes
```plaintext
src/
├── app/
│ ├── autenticar-usuario/ # Página inicial e de autenticação
│ ├── cadastrar-cliente/ # Página de cadastro de cliente
│ ├── consultar-clientes/ # Página de consulta de clientes
│ ├── criar-usuario/ # Página para cadastro de usuário
│ ├── editar-clientes/ # Página de edição de cliente
│ ├── navbar/ # Menu superior de navegação
│ ├── app.module.ts # Módulo principal
│ └── app.component.ts # Componente raiz
└──
```

## Funcionalidades
* Criação e autenticação de usuários
* Cadastro, consulta, edição e exclusão de usuários

## Imagens da aplicação
![Auth](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191126.png)
![Register](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191150.png)
![Register Client](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191335.png)
![Client List](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191358.png)

---

# Web Clients
[🇧🇷 Leia em Português](#web-clientes)

This is a front-end built with Angular for managing clients, creating and authenticating users, providing an interface to interact with the REST APIs [apiClientes](https://github.com/samuelmsilva2v/apiClientes) and [apiAuthUsuario](https://github.com/samuelmsilva2v/apiAuthUsuarios).

## Prerequisites
Node.js and npm installed: Node.js
Angular CLI installed globally:
```bash
npm install -g @angular/cli
```

## Technologies
* Angular
* Bootstrap

## Installation

1. Clone the repository:
```bash
git clone https://github.com/samuelmsilva2v/webClientes.git
cd webClientes
```

2. Install dependencies:
```bash
npm install
```

## Project structure and components:
```plaintext
src/
├── app/
│ ├── autenticar-usuario/ # Authentication and home page
│ ├── cadastrar-cliente/ # Client registration page
│ ├── consultar-clientes/ # Client search page
│ ├── criar-usuario/ # User registration page
│ ├── editar-clientes/ # Client editing page
│ ├── navbar/ # Top navigation menu
│ ├── app.module.ts # Main module
│ └── app.component.ts # Root component
└──
```

## Features
* Criação e autenticação de usuários
* Cadastro, consulta, edição e exclusão de usuários

## Application images
![Auth](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191126.png)
![Register](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191150.png)
![Register Client](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191335.png)
![Client List](https://github.com/samuelmsilva2v/assets/blob/main/apiClientes/Captura%20de%20tela%202024-11-01%20191358.png)