💱 forex web app _{^{·  frontend development assignment}}

this project was a take-home exercise for a job interview (in 2019)

🛫 Quick Start

# Make a copy of this repo
$ git clone https://github.com/leonardodino/forex-web-app
$ cd forex-web-app

# Install project dependencies
$ yarn

# Start development server
$ yarn start # Opens browser at http://localhost:3000

# Start development test watcher
$ yarn test --coverage

# Production build
$ yarn build      # Outputs to ./build directory
$ npx serve build # Static server for the built website

✨ Features

• ⚗️ react hooks + context
• 🎨 8pt grid + simple design
• 🎹 keyboard accessible
• 🚿 no media queries
• 💯 interactive _{^{(rates updates don't mess with user input)}}
• 🔌 service worker + offline state
• 🤖 decently tested
• 🛠️ typescript

🔩 Dependencies / Services / Assets

name	license	description
react		declarative, component-based, library for building ui
react-router		declarative routing for react
create-react-app		create react apps with no build configuration
styled-components		css-in-js: visual primitives for the component age
dinero.js		immutable utils to create, calculate and format money
use-interval		react hook for setting an interval
react-testing-library		utilities that encourage good testing practices
jest		delightful javascript testing
gitmoji		emoji reference for commit messages
typescript		superset of javascript, with types
Inter		typeface designed for computer screens
Crypto Compare API		free forex api, updates every 10 seconds
iPhone Mockup		free vector apple iphone 8 mockup ai & eps

^{> special thanks to GitHub, Netlify, NPM, Travis CI, and CodeCov for supporting open-source projects with free tiers!}

© 2019 Leonardo Dino