Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/daraperini/learning-typescript-bytebank
This bank page allows you to make money transitions and follow all past transitions through the extract card
https://github.com/daraperini/learning-typescript-bytebank
javascript typescript
Last synced: about 2 months ago
JSON representation
This bank page allows you to make money transitions and follow all past transitions through the extract card
- Host: GitHub
- URL: https://github.com/daraperini/learning-typescript-bytebank
- Owner: daraperini
- Created: 2024-02-29T17:10:15.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-13T14:12:08.000Z (9 months ago)
- Last Synced: 2024-03-13T15:32:10.040Z (9 months ago)
- Topics: javascript, typescript
- Language: TypeScript
- Homepage: https://learning-typescript-bytebank.vercel.app/
- Size: 78.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bytebank
Bytebank was developed during Alura's class *Practicing TypeScript: implement a complete project using TypeScript and modules*. It consists in an user homepage of a bank that allow the user to perform banking transactions. I received Bytebank's HTML and CSS ready and created the TypeScript code to add functionality to it. The idea of this project was to ellaborate components using Vanilla JS and afterwards refactorate them to TypeScript. I reviewed some concepts such as project organization, component's import and export, dealing with erros and more during the development of Bytebank.
The code was refactored while applicating Object Oriented Programming during Alura's course *TypeScript: applying object orientation in the Front-end*. Using classes I refactored the project using modifiers to restrict access to sensitive data, static methods and decorators.
To see what Bytebank's looking like, click [here](https://learning-typescript-bytebank.vercel.app/).
## Used tools:
* Vanilla JS
* TypeScript*(Alura is a Brazilian technology school and for acessibility reasons this code is in Portuguese)*
#
# Bytebank
O Bytebank foi desenvolvido durante o curso *TypeScript na prática: implemente um projeto completo com TypeScript e módulos*, da Alura. Ele consiste em uma página de usuário do banco que permite realizar transações bancárias. Os códigos HTML e CSS foram disponibilizados no início do curso e eu desenvolvi o código TypeScript para incluir funcionalidades à página. A ideia do projeto foi pensar nos componentes iniciais em Vanilla JS e depois transformá-los em TypeScript. Durante o desenvolvimento foram revistos conceitos de organização de projeto, importação e exportação de componentes, setagem de erros, entre outros.
O código está foi refatorado tendo como base Programação Orientada a Objetos durante o curso *TypeScript: aplicando orientação a objetos no Front-end*, da Alura. Utilizando classes, o projeto foi refatorado e incluiu o uso de modificadores de acesso para encapsulamento dos dados, métodos estáticos e decorators.
Para acessar o resultado atual do Bytebank, clique [aqui](https://learning-typescript-bytebank.vercel.app/).
## Ferramentas utilizadas:
* Vanilla JS
* TypeScript