Giter VIP home page Giter VIP logo

front-desafio-stone's Introduction

Desafio web

O desafio é criar uma aplicação de conversão de valores de dólar para real.

A aplicação terá duas etapas, uma para inserir o valor que se deseja converter e outra para mostrar os valores convertidos.

Para isso, você deve buscar a cotação na API de moedas.

A aplicação deve mostrar os seguintes dados:

  1. Cotação do dólar
  2. IOF
  3. Total em dólar sem imposto
  4. Total em dólar com imposto
  5. Total em real sem imposto
  6. Total em real com imposto

Cálculo dos valores

Comprando com dinheiro

[(Valor em dólar) + (imposto do Estado)] x (valor do dólar + IOF da compra de dólar)

Comprando com cartão

[(Valor em dólar) + (imposto do Estado) + (IOF de transações internacionais)] x (valor do dólar)



Possíveis dúvidas:

  • IOF é um imposto federal e tem como intuito ser um regulador da economia nacional. Em dinheiro, seu valor é 1,1%, e em cartão 6,4%
  • Nos EUA, cada Estado tem sua própria cobrança de impostos. Por exemplo, o imposto de Nevada é de 8,19%, já o de Nova Iorque é de 8,87%

Layout

O layout está disponível no figma

figma-layout

Requisitos

  • Utilize a fonte do layout
  • Utilize React
  • Utilize TypeScript
  • Crie um cliente HTTP com axios
  • Faça testes unitários dos seus componentes
  • Utilize uma bilbioteca de cache como swr ou react-query
  • Utlize styled-components
  • Publique sua aplicação em uma plataforma de deploy rápido (vercel/heroku/netlify/outros)
  • Publique seu código no seu perfil no GitHub em um repositório privado

Critérios de avaliação

Entrega

  • O resultado final está completo para ser executado?
  • O resultado final atende ao que se propõe fazer?
  • O resultado final atende totalmente aos requisitos propostos?
  • O resultado final é visualmente elegante?

Boas práticas

  • O código está de acordo com o guia de estilo da linguagem?
  • O código está bem estruturado?
  • O código faz o bom uso de Design Patterns?
  • O código possui testes?

Documentação

  • O código foi entregue com um arquivo de README claro de como instalar e codificar no projeto?
  • O código possui comentários pertinentes?
  • O código está em algum controle de versão?
  • Os commits são pequenos e consistentes?
  • As mensagens de commit são claras?

Material de estudo

front-desafio-stone's People

Contributors

gerson-aquino avatar rodrigo-picanco avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.