Skip to content
Leobiolcati edited this page Jan 22, 2024 · 2 revisions

Frontend do SolifnBroker

O Frontend do projeto SolinfBroker é a interface gráfica que permitirá aos clientes o uso do sistema de compra e venda de ações no mercado financeiro. Ele também possui a interface para login ou cadastro e página para a visualização da carteira, partes importantes para um broker.


Start Aplicação

É preciso abrir um terminal e direciona-lo na pasta em que está localizado o front, então deve-se seguir os seguintes passos para:

Fazer o setup do projeto, baixando dependências necessárias:

npm install

Compilar para desenvolvimento:

npm run serve

Compilar e preparar para produção, deve-se usar:

npm run build


Stack

Vue

O Vue é um framework para JavaScript versátil, progressivo e com boa performance para a criação de interfaces de web. Para que a interface gráfica dos usuários fosse conectada com os serviços das APIs foi necessário o uso de duas importações dentro do Vue: axios e vuex. No Vue, partes de seus arquivos são relacionadas a diferentes linguagens ou mecanismos, no caso do projeto SolinfBroker estes são:

JavaScript

É uma linguagem baseada em objetos, usada principalmente como uma linguagem de script em páginas web, mas com a implementação de terminal node.js, que é o caso no projeto SolinfBroker. Nos arquivos .vue, o JavaScript é montado e usado na seção <script>.

HTML

HTML é a linguagem de marcação que é usada para a criação de páginas web, permitindo uma representação estruturada dos diversos componentes que podem formar uma página web. Em arquivos .vue o HTML é usado na seção .

SCSS

O SCSS (ou Sassy Cascading Style Sheets) é uma das sintaxes disponíveis para o CSS que permite a construção de uma interface visual mais refinada e moderna. A SCSS é usada e definida na seção <style> de um arquivo .vue.


Documentação relacioanda:


Clone this wiki locally