Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/fostimus/realtime-crypto-table

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/fostimus/realtime-crypto-table
Owner: fostimus
Created: 2021-03-05T00:41:59.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2021-03-05T01:43:18.000Z (almost 4 years ago)
Last Synced: 2024-10-14T19:11:19.036Z (3 months ago)
Language: JavaScript
Size: 803 KB
Stars: 0
Watchers: 0
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Real Time Crypto Table

This real time crypto table pulls data from the CoinGecko API. Since the API is JSON, there was no way to set up more the performant Server Sent Events or Web Sockets that would be better choices.

Instead, I set up HTTP polling by requesting new data every second. This is configurable, and if we truly want more real time data then taking out the `renderToggle` will make the React app infinitely re-render. The data will get to us in more "real time", but will be much heavier in resource usage.

## Styling

I used TailwindCSS to style - it is easily customizable, and very quick style markup. I kept the UI overall simple, and chose a neutral/lighter font for an easier feel. When you sort a column, the header styles change to indicate which column you chose.

## Screenshots

![Landing Screen](public/screenshots/1.png)
![Descending on Web App](public/screenshots/2.png)
![Ascending on Mobile](public/screenshots/3.png)

## To Do's

- Custom sort method: current string version of money and coin (because of JSX markup) values is throwing off correct ordering
- Some visualization of data changing - not easily able to tell the data changes in real time