Skip to content

Trabalho Final de Frontend: Desenvolvimento do Frontend em React.js com TypeScript para um Sistema de Gerenciamento de Investimentos.

Notifications You must be signed in to change notification settings

JeanNesi/Apera-ABP

Repository files navigation

Apera?

Apera é uma plataforma que permite gerenciar e acompanhar seus investimentos de forma fácil e intuitiva. Com a Apera, você pode monitorar sua carteira de investimentos e o desempenho de suas ações.

O nome Apera é derivado do latim "aperire", que significa "abrir". O nome foi escolhido pois sugere a ideia de abrir oportunidades e possibilidades no mundo financeiro.

O objetivo da plataforma tem como ideia principal ajudar as pessoas a terem maior controle sobre seus investimentos. Isso inclui a quantidade de ações, valor da carteira, ganhos e perdas, bem como o histórico de compras e vendas. Esse histórico de ações no mercado financeiro pode ser útil ao fornecer informações necessárias, como na hora de declarar seu imposto de renda, por exemplo.

O nosso público são todas as pessoas que já investem ou querem investir no mercado financeiro. Para as pessoas que já investem nosso alvo são as que atualmente não fazem essa gestão ou fazem através de planilhas, o que torna o processo muitas vezes demorado e desorganizado.

apera

Estrutura

https://www.figma.com/file/yJG3kP4JHAfzJqMfxDuGMI/Apera---Jean-e-Kau%C3%A3?type=design&node-id=0%3A1&t=YDFVgM4W98vHwNU6-1

  • Tela de login e cadastro (Realizar autenticação)
  • Tela de dados pessoais (Ver os dados pessoais, email, alterar senha)
  • Tela principal com os valores atualizados das ações (Home)
  • Tela de detalhes da ação (Preço, variação, min e max de um periodo)
  • Tela de dashboard de meus investimento (Lista das minhas ações, cadastrar: ação, venda e compra)

Características

Buscar qualquer ação em qualquer lugar da plataforma: Através de um campo de busca na barra de navegação será possivel acessar os detalhes e buscar qualquer ação, indiferente da tela em que o usuário esteja.

Sistema responsivo: É ideal para o um usuário conseguir acessar a plataforma de diferentes tipos de dispositivo. Por isso a plataforma será totalmente responsiva, para que o usuário tenha uma boa experiência tanto utilizando pelo computador quanto pelo celular.

Autores

Tecnologias, bibliotecas e frameworks

  • React JS
  • Typescript
  • Vite.js
  • Styled-components
  • Formik
  • Yup

Api utilizada

About

Trabalho Final de Frontend: Desenvolvimento do Frontend em React.js com TypeScript para um Sistema de Gerenciamento de Investimentos.

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •