Code Monkey home page Code Monkey logo

dex-analytics-dashboard's Introduction

DEX ANALYTICS TEMPLATE FOR COVALENT API

This is a dashboard template for analyzing data of DEcentralized eXchages using covalent's api. It is hosted on Heroku and can be run locally in 3 steps:

  1. Add your covalent api key to environment variable as REACT_APP_CKEY
  2. Install required dependencies
  3. run npm start in the current folder

You might also want to change the Config in src/utils.py. Available dexname can be found here and you can check the chain_id here. Also make sure to use the correct explorer for your network.

If you see the following error message on the hosted dashboard. Kindly refresh the page a couple of times. I'll look into it and probably upgrade soon.

nothing here yet error

Structure

The project is built with react components which are extensions of what is provided by recharts and react-table libraries. They are easy to style with css or styled-components. The building components are:

  • AreaChart
  • BarChart
  • ButtonGroup
  • Info
  • Table

The pages are where api is fetched and the data is processed for the visualization components. This is a demo video to see the components and pages.

The dashboard contains all visualizations that are currently used by DEXes and more. Happy building and I'm an issue away.

Bad news

Every component and page is working now but some of my data aggregation seems wrong, as well as some bizarre results from the API.

A few notes for Covalent team

  • API is slow sometimes. (Ok, I think it's too damn slow). And it breaks sometimes, a few times.
  • There's usually spike in 30d chart data for this ecosystem endpoint. It is a common error among all DEXes but it disappears sometimes. Also, I noticed that such spikes are not in 7d chart datas.
  • Allow parameters such as page, offset, limit and sort for some of the endpoints.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.