Loading repository data…
georgaugusto / repository
Repositório criado para o desenvolvimento de um desafio de Front-end, onde foi proposto a criação de uma aplicação simples utilizando React para exibir o valor de ações através de chamadas de API, utilização do React para construir o projeto, telas e componentes e Redux para controlar o estado da sua aplicação.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Repositório criado para o desenvolvimento de um desafio de Front-end, onde foi proposto a criação de uma aplicação simples utilizando React para exibir o valor de ações através de chamadas de API.
Crie uma tela com um input de texto que receberá um símbolo de ação listada na NASDAQ (ex: aapl para Apple, fb para Facebook, twtr para Twitter), utilizando a API gratuita do IEX para obter os dados necessários, utilizando o React para construir o projeto, telas e componentes e Redux para controlar o estado da sua aplicação
Preço das ações: As informações de ações para cada símbolo são encontradas aqui. Estamos interessados principalmente no latestPrice.
Detalhes da empresa: A mesma API também retorna as informações mais relevantes da empresa. A documentação pode ser encontrada aqui.
Gráfico: Plotar um gráfico com a evolução do valor das ações. Utilizamos o pacote Recharts para exibir os gráficos na nossa plataforma! A documentação pode ser encontrada aqui.
Componentes Reutilizáveis: Criar componentes genéricos de UI que poderiam ser utilizados em outros projetos.
Atualizações em tempo real: A API é atualizada quase em tempo real e poderia atualizar as informações de acordo (conforme faz o Yahoo! Finance)
Animação à la Bloomberg: Que tal exibir em formato de marquee o valor e variação percentual do valor das ações.
Renderização em Server Side (SSR): Que tal com NextJS?
React Native: Você também pode construir uma replica do seu site para um aplicativo utilizando React Native.
Design disponibilizado para o desafio front-end no Figma
Front-End:
Padronização de código:
Para ver o resultado, clique aqui: IMA - Dashboard
Clone o projeto e acesse a pasta
$ git clone https://github.com/georgaugusto/ima-nextjs.git && cd ima-nextjs
Siga os passos abaixo
# Instale as dependências
$ yarn install
# Certifique-se de colocar seu Token da [IEX](https://iexcloud.io/docs/api/) nas requisições para testar o projeto
# Para terminar, inicie o cliente
$ yarn dev
Feito com 💜 por Georg Augusto Schlegel 👋 Mande um Aló
Selected from shared topics, language and repository description—not editorial ratings.
FelipeBrenner /
Repositório criado para o desenvolvimento e entrega dos desafios da trilha de ReactJS do Bootcamp Ignite da Rocketseat
34/100 healthThamyresarm /
Repositório Criado para inserir os desafios de códigos realizados no Bootcamp Orange Tech + com foco em Javascript realizado na DIO em parceria com a Inter
34/100 healthandremelchior /
Repositório com arquivos de exercícios e experimentações em TypeScript, criados para fins de estudos e técnicas de programação tipada.
GabrielNogueiraBR /
Repositório criado para armazenar o projeto nextfood, desenvolvido durante a graduação de Engenharia da Computação.
32/100 healthalexiamelhado18 /
Repositório criado para armazenar o projeto VSConnect em React + TypeScript. Consumindo API com os pacotes json-server e json-server-auth.
29/100 healthjonasmello /
Repositório criado para seguir os exemplos mostrados no curso NodeJs, Typescript, TDD, Clean Architecture e SOLID(https://www.udemy.com/share/102x5iAkMfeVlSQng=/)
17/100 health