{"id":19580512,"url":"https://github.com/vinpac/interview-test-hash","last_synced_at":"2026-05-27T16:32:11.788Z","repository":{"id":90021347,"uuid":"344606181","full_name":"vinpac/interview-test-hash","owner":"vinpac","description":null,"archived":false,"fork":false,"pushed_at":"2021-03-09T15:46:08.000Z","size":179,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-26T12:15:12.233Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"interview-test-hash-git-master-pacheco.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vinpac.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-04T20:51:12.000Z","updated_at":"2023-03-08T16:09:38.000Z","dependencies_parsed_at":"2023-05-31T01:45:49.836Z","dependency_job_id":null,"html_url":"https://github.com/vinpac/interview-test-hash","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vinpac/interview-test-hash","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vinpac%2Finterview-test-hash","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vinpac%2Finterview-test-hash/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vinpac%2Finterview-test-hash/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vinpac%2Finterview-test-hash/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vinpac","download_url":"https://codeload.github.com/vinpac/interview-test-hash/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vinpac%2Finterview-test-hash/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33575511,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-27T02:00:06.184Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T07:27:09.721Z","updated_at":"2026-05-27T16:32:11.772Z","avatar_url":"https://github.com/vinpac.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Calculadora de Antecipação\n\nHoje nossos clientes precisam saber quanto custa antecipar uma transação, e para isso, precisamos desenvolver uma calculadora de antecipação para que os mesmos consigam saber quais valores receberão caso optem por antecipar o recebimento.\n\n## Como rodar localmente\n\n```shell\nyarn # Instala as dependências\nyarn dev # Roda o ambiente em desenvolvimento\n```\n\n## Como rodar os testes\n\n```\nyarn test\n```\n\n## Como rodar eslint\n\n```\nyarn lint\n```\n\n## Como rodar a validação de tips\n\n```\nyarn type-check\n```\n\n## Stack\n\n- React.js 17.x.x\n- Next.js 10.x.x\n- TailwindCSS 2.x.x\n- React Final Form 6.x.x\n- Jest 26.x.x\n- Prettier\n- React Intl\n\n## Decisões\n\n1. **TailwindCSS**\n\nEssa biblioteca oferece uma forma mais simples e direta de aplicar CSS. Uma propriedade como `display: inline-block` pode ser aplicada com `class=\"inline-block\"`. Outros bons exemplos são `border`, `rounded` (border-radius), `w-{x}` (width), `h-${x}` (height). [Você pode ver todas aqui](https://tailwindcss.com/).\n\nAlém disso é uma ótima ferramenta para sistematizar o Design. Utilizando as classes oferecidas pelo Tailwind conseguimos cada vez mais escrever menos CSS e sincronizar o Design e Programação, facilitando atingir Layouts Pixel-Perfect.\n\n2. Next.js\n\nÉ o framework mais conceituado atualmente na comunidade de React. Sendo utilizado por empresas como [Netflix](https://nextjs.org/showcase/netflix-jobs), [Twitch](https://nextjs.org/showcase/twitch), [Playstation](https://nextjs.org/showcase/playstation), [entre outros](https://nextjs.org/showcase), se tornou uma escolha segura e efeciente para construção de aplicações escritas em React.\n\n3. React Intl\n\nVendo que a [página de cultura para testes da Hash](https://tech-culture.hash.com.br/) era em inglês, eu decidi por fazer o teste nas duas linguas para demonstrar que tenho em experiência em criar projetos internacionais.\n\n\n\n4. React Final Form\n\nÉ uma das melhores bibliotecas para lidar com Forms que já usei. Se você der uma olhada nos commits vai ver que inicialmente eu implementei um componente e teste que reproduzem o comportamento dessa biblioteca. Acontece que eu entendi de forma errada a rega \"Não é permitido utilizar frameworks e/ou bibliotecas de UI que não seja o React\" \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvinpac%2Finterview-test-hash","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvinpac%2Finterview-test-hash","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvinpac%2Finterview-test-hash/lists"}