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

https://github.com/guilhaof/angular-store-frontend

Aplicacao feita com Angular v15.2 , consumindo um backend feito com json-server para efetuar operacoes crud (create,read,update e delete).
https://github.com/guilhaof/angular-store-frontend

angular angular-cli angular-routing json-api json-server material-design ng2-currency-mask rxjs typescript

Last synced: 28 days ago
JSON representation

Aplicacao feita com Angular v15.2 , consumindo um backend feito com json-server para efetuar operacoes crud (create,read,update e delete).

Awesome Lists containing this project

README

          


icone-app

# Angular - Store

Aplicacao feita com Angular v15.2 , consumindo um backend feito com json-server para efetuar operacoes crud (create,read,update e delete).

## ✅ Funcionalidades

- Cadastrar Produtos
- Alterar Produtos
- Ver Produtos Cadastrados
- Deletar Produtos
- Tratamento de erros

## ⚠️ Proximas Funcionalidades / Melhorias

- Refatorar codigo
- Melhorias de Usuabilidade
- Responsividade
- Requisicoes Programadas

## Demonstração

Desktop

Tela de Produtos



app-desktop

Tela de Cadastro de Produtos



app-desktop

## Funcionando - Cadastro | Lista de Produtos | Alterar Produtos | Deletar Produtos


app-result

## 🚀 Tecnologias/Bibliotecas Ultilizadas

- [Angular](https://angular.io/)
- [Angular Material](https://material.angular.io/)
- [Typescript](https://www.typescriptlang.org/)
- [Json-Server](https://github.com/typicode/json-server)
- [Router Angular](https://angular.io/api/router)
- [Ng2-Currency-Mask](https://www.npmjs.com/package/ng2-currency-mask)
- [RxJs - Operators](https://rxjs.dev/guide/operators)

## Clonar o repositório

```bash
$ git clone https://github.com/GuilhaoF/angular-store-frontend.git
```

## Instalar dependências do Projeto

```bash
npm install
```

## Rodar Projeto

```bash
npm start
ng serve
```

## Script para rodar o Db.json

```bash
npm run serve
baseUrl : http://localhost:4000/products

```

## Feedback

Se você tiver algum feedback, por favor nos deixe saber por meio de luisphelipe1000@gmail.com

## 🔗 Links

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/luis-felipe-silv/)

## :memo: License

This project is under license from MIT. For more details, see the [LICENSE](LICENSE.md) file.

Made with :heart: by Luis Felipe G

 

Back to top