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

https://github.com/leotaborda/anybank

The Anybank project is a banking application built with the Angular framework, following a design in Figma. The goal is to create an interactive and responsive user interface for a modern and efficient banking experience.
https://github.com/leotaborda/anybank

angular bank statements typescript

Last synced: 3 months ago
JSON representation

The Anybank project is a banking application built with the Angular framework, following a design in Figma. The goal is to create an interactive and responsive user interface for a modern and efficient banking experience.

Awesome Lists containing this project

README

          

# Anybank

Este é um projeto desenvolvido durante o curso "Angular 19: aplicando interação entre componentes com inputs e outputs" da Alura. O Anybank é uma aplicação web que simula um banco digital, permitindo a visualização de saldo, extrato e a realização de depósitos.

## Funcionalidades

- **Visualização de Saldo:** Exibe o saldo formatado com pipe de moeda e internacionalização.
- **Extrato Dinâmico:** Apresenta uma lista de transações formatadas, utilizando uma biblioteca específica para formatação de datas.
- **Formulário de Depósito:** Permite a realização de depósitos através de um formulário interativo com `ngModel`.
- **Interação entre Componentes:** Utiliza `@Input`, `@Output`, `signals` e `computed` para uma experiência de usuário reativa e dinâmica.

## Tecnologias Utilizadas

- Angular 19
- TypeScript
- Bibliotecas de formatação de data
- `ngModel` para formulários

## Como Executar o Projeto

1. Clone este repositório:

```bash
git clone [URL do seu repositório]
```

2. Navegue até o diretório do projeto:

```bash
cd anybank
```

3. Instale as dependências:

```bash
npm install
```

4. Inicie o servidor de desenvolvimento:

```bash
ng serve
```

5. Abra o navegador e acesse `http://localhost:4200/`.

## Contribuição

Sinta-se à vontade para contribuir com melhorias e novas funcionalidades!