Currency exchange application for Revolut task

by React Native Example

Revolut Task

Currency exchange application for Revolut task.

View Demo View Github

Screenshots

Web

iOS

Android

Installation

yarn install

Commands

  • yarn start:web - runs the Web version of the app in the development mode

  • yarn build:web - builds the Web version of the app for production to the dist-web folder

  • yarn start:ios - runs the iOS version of the app and attempts to open in the iOS Simulator if you're on a Mac and have it installed

  • yarn start:android - runs the Android version of the app and attempts to open your app on a connected Android device or emulator

  • yarn start:windows - runs the Windows version of the app

  • yarn start:rn-dev-server - runs react native (RN) development server

  • yarn test – runs the tests using Jest and Enzyme

Created by create-rx-app@0.6.4

Making use of

  • Typescript
  • Babel
  • Webpack
  • React
  • ReactXP
  • Redux
  • Redux Saga
  • Redux Persist
  • DayJS
  • React Native
  • Jest
  • Enzyme
  • Next.js (API proxy and simple SSR)
  • Material Icons (by SVG)

Services

  • ECB
  • OpenExchange

Plus

  • CSS in JS
  • Debounce

Challenges

  • Animation loop for wallet items rotation with Matrix 3D transformations
  • Swiper (Paged Slider aka Page Control for iOS)
  • React Navigation Stack for Web (copied from React Navigation)
  • Particles cloud (Floating bubbles)

TODO

  • Validate rates by timestamp (some diff when rates fetching is not possible)

GitHub