{"id":23380729,"url":"https://github.com/leonardodino/forex-web-app","last_synced_at":"2025-04-10T22:44:11.269Z","repository":{"id":45230173,"uuid":"172011513","full_name":"leonardodino/forex-web-app","owner":"leonardodino","description":":currency_exchange: foreign currency exchange app built with react hooks","archived":false,"fork":false,"pushed_at":"2021-12-29T22:30:44.000Z","size":4676,"stargazers_count":17,"open_issues_count":0,"forks_count":11,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T22:44:06.730Z","etag":null,"topics":["create-react-app","forex","jest","minimalist","pwa","react","react-app","react-hooks","reactjs","responsive-design","styled-components","typescript"],"latest_commit_sha":null,"homepage":"https://leonardodino.github.io/forex-web-app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leonardodino.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-22T07:00:08.000Z","updated_at":"2024-04-30T07:20:50.000Z","dependencies_parsed_at":"2022-09-05T17:52:07.988Z","dependency_job_id":null,"html_url":"https://github.com/leonardodino/forex-web-app","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonardodino%2Fforex-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonardodino%2Fforex-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonardodino%2Fforex-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leonardodino%2Fforex-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leonardodino","download_url":"https://codeload.github.com/leonardodino/forex-web-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248312190,"owners_count":21082637,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["create-react-app","forex","jest","minimalist","pwa","react","react-app","react-hooks","reactjs","responsive-design","styled-components","typescript"],"created_at":"2024-12-21T20:18:11.367Z","updated_at":"2025-04-10T22:44:11.251Z","avatar_url":"https://github.com/leonardodino.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :currency_exchange: [forex web app](https://leonardodino.github.io/forex-web-app/) \u003csmall\u003e\u003csmall\u003e\u003csub\u003e\u003csup\u003e\u0026middot; \u0026thinsp;frontend development assignment\u003c/sup\u003e\u003c/sub\u003e\u003c/small\u003e\u003c/small\u003e [\u003cimg alt=\"iphone mockup\" height=\"560\" align=\"right\" src=\"https://user-images.githubusercontent.com/8649362/53637603-5aa6e900-3c02-11e9-8ccf-10e445aa9a59.png\"/\u003e](https://leonardodino.github.io/forex-web-app/)\n\n[![ci](https://github.com/leonardodino/forex-web-app/actions/workflows/ci.yml/badge.svg?event=push)](https://github.com/leonardodino/forex-web-app/actions/workflows/ci.yml?query=branch:master)\n[![Build Status](https://api.travis-ci.com/leonardodino/forex-web-app.svg?branch=master)](https://www.travis-ci.com/github/leonardodino/forex-web-app)\n[![Code Coverage](https://badgen.net/codecov/c/github/leonardodino/forex-web-app)](https://codecov.io/gh/leonardodino/forex-web-app)\n[![License](https://badgen.net/github/license/leonardodino/forex-web-app)](https://github.com/leonardodino/forex-web-app/blob/master/LICENSE)\n[![kunst.com.br](https://badgen.net/badge/@/kunst.com.br?color=black)](https://kunst.com.br)\n\n\u003e this project was a take-home exercise for a job interview (in [2019](https://github.com/leonardodino/forex-web-app/tree/HEAD@{2019-03-02}))\n\n## :flight_departure: Quick Start\n\n```bash\n# Make a copy of this repo\n$ git clone https://github.com/leonardodino/forex-web-app\n$ cd forex-web-app\n\n# Install project dependencies\n$ yarn\n\n# Start development server\n$ yarn start # Opens browser at http://localhost:3000\n\n# Start development test watcher\n$ yarn test --coverage\n\n# Production build\n$ yarn build      # Outputs to ./build directory\n$ npx serve build # Static server for the built website\n```\n\n## :sparkles: Features\n\n\u003cimg src=\"https://user-images.githubusercontent.com/8649362/56626276-6bc71180-6617-11e9-9f0f-3a8b4ba6ea90.gif\" align=\"left\" height=\"220\" width=\"220\"/\u003e\u003cimg src=\"https://user-images.githubusercontent.com/8649362/56626450-163f3480-6618-11e9-87a6-b4cdcf99ad0e.gif\" align=\"left\" height=\"220\" width=\"0\"/\u003e\n\n- [x] :alembic: react hooks + context\n- [x] :art: 8pt grid + simple design\n- [x] :musical_keyboard: keyboard accessible\n- [x] :shower: no media queries\n- [x] :100: interactive \u003csub\u003e\u003csup\u003e(rates updates don't mess with user input)\u003c/sup\u003e\u003c/sub\u003e\n- [x] :electric_plug: service worker + offline state\n- [x] :robot: decently tested\n- [x] :hammer_and_wrench: `typescript`\n\n## :nut_and_bolt: Dependencies / Services / Assets\n\n| name                                                              | license                                                                                                                                                        | description                                           |\n| ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------- |\n| [`react`](https://reactjs.org/)                                   | [![License](https://badgen.net/github/license/facebook/react/)](https://api.github.com/repos/facebook/react/license)                                           | declarative, component-based, library for building ui |\n| [`react-router`](https://github.com/ReactTraining/react-router)   | [![License](https://badgen.net/github/license/ReactTraining/react-router/)](https://api.github.com/repos/ReactTraining/react-router/license)                   | declarative routing for react                         |\n| [`create-react-app`](https://facebook.github.io/create-react-app) | [![License](https://badgen.net/github/license/facebook/create-react-app/)](https://api.github.com/repos/facebook/create-react-app/license)                     | create react apps with no build configuration         |\n| [`styled-components`](https://styled-components.com/)             | [![License](https://badgen.net/github/license/styled-components/styled-components/)](https://api.github.com/repos/styled-components/styled-components/license) | `css-in-js`: visual primitives for the component age  |\n| [`dinero.js`](https://sarahdayan.github.io/dinero.js)             | [![License](https://badgen.net/github/license/sarahdayan/dinero.js/)](https://api.github.com/repos/sarahdayan/dinero.js/license)                               | immutable utils to create, calculate and format money |\n| [`use-interval`](https://github.com/Hermanya/use-interval)        | [![License](https://badgen.net/github/license/Hermanya/use-interval/)](https://api.github.com/repos/Hermanya/use-interval/license)                             | react hook for setting an interval                    |\n| [`react-testing-library`](https://testing-library.com/react)      | [![License](https://badgen.net/github/license/kentcdodds/react-testing-library/)](https://api.github.com/repos/kentcdodds/react-testing-library/license)       | utilities that encourage good testing practices       |\n| [`jest`](https://jestjs.io/)                                      | [![License](https://badgen.net/badge/license/MIT/blue)](https://api.github.com/repos/facebook/jest/license)                                                    | delightful javascript testing                         |\n| [`gitmoji`](https://www.typescriptlang.org/)                      | [![License](https://badgen.net/github/license/carloscuesta/gitmoji/)](https://api.github.com/repos/carloscuesta/gitmoji/license)                               | emoji reference for commit messages                   |\n| [`typescript`](https://www.typescriptlang.org/)                   | [![License](https://badgen.net/github/license/Microsoft/TypeScript/)](https://api.github.com/repos/Microsoft/TypeScript/license)                               | superset of javascript, with types                    |\n| [Inter](https://rsms.me/inter/)                                   | [![License](https://badgen.net/github/license/rsms/inter/)](https://api.github.com/repos/rsms/inter/license)                                                   | typeface designed for computer screens                |\n| [Crypto Compare API](https://min-api.cryptocompare.com/)          | [![License](https://badgen.net/badge/license/CC%20BY-NC/blue)](https://min-api.cryptocompare.com/faq)                                                          | free forex api, updates every 10 seconds              |\n| [iPhone Mockup](http://www.designbolts.com/download/56032/)       | [![License](https://badgen.net/badge/license/link%20back/purple)](http://www.designbolts.com/2017/09/14/free-vector-apple-iphone-8-mockup-ai-eps/)             | free vector apple iphone 8 mockup ai \u0026 eps            |\n\n\u003csup\u003e\u003e special thanks to [GitHub](https://github.com), [Netlify](https://netlify.com), [NPM](https://npmjs.com), [Travis CI](https://travis-ci.com), and [CodeCov](https://codecov.io) for supporting open-source projects with free tiers! \u003c/sup\u003e\n\n\u0026copy; 2019 [Leonardo Dino](https://leonardodino.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardodino%2Fforex-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleonardodino%2Fforex-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleonardodino%2Fforex-web-app/lists"}