Plataforma de Negócios

Aplicação Web para armazenar movimentações de ações, feita para estudo Typescript com base das aulas da Alura.

🪧 Vitrine.Dev	https://cursos.alura.com.br/vitrinedev/franklindrw
✨ Nome	Plataforma de Negócios
🏷️ Tecnologias	Typescript, MVC
🚀 URL
🔥 Desafio	Aplicação Web para armazenar movimentações de ações, feita para estudo Typescript com base das aulas da Alura.

Índice

• Sobre o Projeto
• Validação de Dados
• Inclusão e Listagem de Dados
• Importação de Dados da API
• Console Log
• Linguagens Usadas
• Instalação
• Como Usar
• Autor
• Licença

🔎 Sobre o Projeto

Esta aplicação foi criada para colocar em prática os conhecimentos adquiridos na formação Typescript da Alura em um projeto Front-end Web. O objetivo do projeto foi criar uma interface de histórico de negociação, onde o usuário pode enviar as informações para uma web service.

Com Typescript é possível ter uma experiência mais fluida ao lidar com arquitetura MVC e Orientações a objetos, e como é baseado em JavaScript é possivel combinar com diferentes frameworks e deixar que seja compilado para várias versões diferentes do ECMAScript.

Validação de Dados

É validado para que o usuário não consiga fazer negociações em finais de semana, e usando getDay() para verificar se é maior que Domingo(0) e menor que sábado(6)

Inclusão e Listagem de Dados

Para o preenchimento dos dados foi usado o preventDefault para não recarregar a página ao enviar o formulário, e ao clicar em incluir é chamado o método que recebe os dados do formulário e insere em uma lista, e em seguida é atualizado o método de View que imprime na tabela todos os dados da lista.

Importação de Dados da API

Para o tratamento dos dados da API foi usado Fetch para receber os dados em JSON para retornar na promisse os dados e, ao usar o map, ele insere cada objeto na lista usando o método Negociação.

Console Log

Também foi usado Decorators para validar a performance da aplicação imprimindo o tempo de execução no console log, assim é possível avaliar e velocidade e esforço do servidor ao inserir e imprimir dados. E foi feito um método de impressão dos dados para imprimir de forma mais legível no console log sempre que o usuário insere os dados.

🔨 Construindo com

📥 Instalação

Requisitos

Para instalar essa aplicação na máquina é preciso ter instalado o Node.js

saiba mais em https://nodejs.org/en/download/

Instalar a aplicação Web

1. Clone o repositório

2. Navegue até a pasta clonada

3. Abra o painel de comandos dentro da pasta e rode a instalação de dependencias do Node com npm

npm install

1. Após a instalação rode o comando abaixo para iniciar o compilador de Typescript e o Node server. Ao iniciar irá abrir a página no navegador padrão da sua máquina

npm run start

Instalar a API

1. com outro CMD navegue até a pasta servidor-API dentro da pasta clonada

2. Abra o painel de comandos dentro da pasta e rode a instalação de dependencias do Node com npm

npm install

1. Após a instalação rode o comando abaixo para iniciar o servidor da API

npm start

▶️ Como Usar

1. Preencha os dados do formulário

2. Clique em Incluir

3. Para trazer os dados da API clique em importar os dados

🖊 Autor

_{Franklin Campos}

Feito por Franklin Campos 👋🏻
Entre em contato!

📋 Licença

Copyright 2022 © Franklin Campos
This project is MIT licensed.