https://github.com/flytaly/crypto-table

Crypto currency table with sticky header and draggable rows/columns
https://github.com/flytaly/crypto-table

immer react react-sortable-hoc redux redux-saga

Last synced: 24 days ago
JSON representation

Crypto currency table with sticky header and draggable rows/columns

• Host: GitHub
• URL: https://github.com/flytaly/crypto-table
• Owner: flytaly
• License: mit
• Created: 2018-09-26T20:35:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-01-05T15:42:04.000Z (about 4 years ago)
• Last Synced: 2024-11-06T06:12:05.434Z (2 months ago)
• Topics: immer, react, react-sortable-hoc, redux, redux-saga
• Language: JavaScript
• Homepage:
• Size: 2.1 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# crypto-table

Crypto currency table with sticky header and draggable rows/columns.

Demo:



Sticky header:



## About

This is just a reference project that combines many different technologies.

Server:

-   [express](https://github.com/expressjs/express)

-   [lowdb](https://github.com/typicode/lowdb)

-   [socket.io](https://github.com/socketio/socket.io)

Client:

-   [react](https://github.com/facebook/react)

-   [react-router](https://github.com/ReactTraining/react-router)

-   [redux](https://github.com/reduxjs/redux) - state container

-   [immer](https://github.com/immerjs/immer) - immutable state

-   [reselect](https://github.com/reduxjs/reselect) - redux state selector with memoization

-   [redux-saga](https://github.com/redux-saga/redux-saga) - side effect manager that uses generators

-   [react-virtualized](https://github.com/bvaughn/react-virtualized) - virtualized table

-   [react-sortable-hoc](https://github.com/clauderic/react-sortable-hoc) - drag'n'drop

-   [ant design](https://github.com/ant-design/ant-design) - UI Library

-   [less](http://lesscss.org/)

-   [d3](https://d3js.org) - charts

-   [socket-io.client](https://github.com/socketio/socket.io-client) - connection to server

Data sources: Binance API, Cryptocompare API. Coinmarketcap - to create list of the currencies.

## Usage

For CryptoCompare API to work there should be [API key](https://www.cryptocompare.com/cryptopian/api-keys) in the .env file: `CC_API_KEY = 'api key'`

-   `yarn install`

-   `yarn run createDbFiles`

-   `yarn start`