https://github.com/brendon3578/project-angular-my-financies

Repositório de estudo sobre o Angular 16, foi criado um CRUD para administrar entradas de despesas e receitas do usuário
https://github.com/brendon3578/project-angular-my-financies

angular angular15 dashboard http-client javascript json-server ng2-charts reactive-forms

Last synced: about 1 month ago
JSON representation

Repositório de estudo sobre o Angular 16, foi criado um CRUD para administrar entradas de despesas e receitas do usuário

Host: GitHub
URL: https://github.com/brendon3578/project-angular-my-financies
Owner: Brendon3578
Created: 2023-07-05T19:57:22.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2023-08-03T02:52:04.000Z (almost 3 years ago)
Last Synced: 2025-01-14T12:49:35.604Z (over 1 year ago)
Topics: angular, angular15, dashboard, http-client, javascript, json-server, ng2-charts, reactive-forms
Language: TypeScript
Homepage:
Size: 810 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Projeto Angular Minhas Finanças 💳

![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)
![RxJS](https://img.shields.io/badge/rxjs-%23B7178C.svg?style=for-the-badge&logo=reactivex&logoColor=white)
![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

Repositório de estudo sobre o Angular 16, foi criado uma aplicação no modelo de CRUD (Create, Read, Update, Delete) para administrar entradas de despesas e receitas do usuário.

O Projeto foi desenvolvido utilizando o HTTP Cliente nativo do Angular para lidar com requisições HTTP, foi usado o Reactive Forms para trabalhar com formulários de modo reativo

## 🔮 Tecnologias

- Angular 15
- Angular Material
- DayJs
- NG2 Chart (chart.js - biblioteca de gráfico - para o Angular)
- ~~json server para um servidor simples em json (`db.json`)~~
- Substituição de servidor RESP API fictício de json-server para o programa Mockoon

## 🧱 Features

- Utilização do gráfico da biblioteca NG2 para a página de Dashboard
- Utilização do **HTTP Client** e **Observables** do Angular para requisições HTTP
- Utilização do **Angular Material** para estilização nativa do Angular
- Servidor REST API fictício com o Mockoon para a aplicação
- Filtragem na tabela de Entradas utilizando **Reactive Forms**

## Abrir a aplicação no ambiente de desenvolvimento

- Baixe as dependências com o comando `npm install`
- Use a CLI do Angular para iniciar a aplicação com o comando `ng serve`
- Usa-se o programa Mockoon para servir como servidor REST para a aplicação, para isso abra o **environment** `minhasfinancias-mockoon.json` que está nesse repositório dentro do programa Mockoon
- Para a autenticação dentro da aplicação usa-se o login `brendon@email.com` e a senha `1234`
- A funcionalidade de cadastro ainda não está implementada nesta aplicação

## 🖼 Imagens da Aplicação

## Página de Login