Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/meemaw/revolut-exchange


https://github.com/meemaw/revolut-exchange

atomic-css nextjs now react revolut ssr storybook styletron swr typescript

Last synced: 13 days ago
JSON representation

Awesome Lists containing this project

README

        

# Revolut exchange

[![Actions Status: actions-status](https://github.com/Meemaw/revolut-exchange/workflows/website/badge.svg)](https://github.com/Meemaw/revolut-exchange/actions)
[![coverage: codecov](https://codecov.io/gh/Meemaw/revolut-exchange/branch/master/graph/badge.svg)](https://codecov.io/gh/Meemaw/revolut-exchange)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![Storybook: storybook](https://cdn.jsdelivr.net/gh/storybookjs/brand@master/badge/badge-storybook.svg)](https://meemaw.github.io/revolut-exchange)
[![Open source: open-source](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://opensource.org/)

Revolut like exchange UI implementation using:

- [NextJS](https://github.com/zeit/next.js/) for server side rendering
- [Baseweb](https://baseweb.design/) as a UI framework
- [Styletron](https://github.com/styletron/styletron) for atomic CSS generation
- [swr](https://github.com/zeit/swr) & [ky](https://github.com/sindresorhus/ky) for remote data fetching
- [nivo](https://github.com/plouc/nivo) for dataviz
- [Jest](https://github.com/facebook/jest/) & [RTL](https://github.com/testing-library/react-testing-library) for unit testing
- [Testcafe](https://github.com/DevExpress/testcafe) for E2E testing
- [Storybook](https://github.com/storybookjs/storybook/) for visual development
- [https://openexchangerates.org](https://openexchangerates.org) for exchange rates

## Deployments:

- [website](https://revolut-exchange.now.sh)
- [storybooks](https://meemaw.github.io/revolut-exchange)

## Trying it out locally

### Setup source code

```sh
[email protected]:Meemaw/revolut-exchange.git
➜ cd revolut-exchange
➜ yarn
```

### Start development server

```sh
➜ yarn dev
```

## Notes

- Mock API will be used when `process.env.NODE_ENV !== 'production'` to avoid free quota usage.
- Historical data is totally mocked as it is not available for free users.