Dexmos.me

Dexmos
screenshot

Inspiration

I wanted to understand and learn how Evmos works because the last years I was developing in Ethereum network. This hackaton was a great opportunity to start playing and testing the network, which ended up in a decentralized exchange explorer that I present here. Part of the inspiration of the decentralized exchange was that there were many exchanges but not a easy way to compare between them.

What it does

It indexes all transactions that are swaps from CRONUS and DIFFUSION. It creates some statistics and displays that information to the user. This first version displays the statistics every 15 minutes for the TradingView and it lists all the transactions/swaps for every block in the network. It allows the user to connect with Metamask to display its transactions.

How we built it

It started with the indexer that was written in Python. That indexer filters all the dexes transactions and reads the transaction receipts to store the results in a Redis database. After having all the information, a rest API with websocket was created, using the fastAPI framework. The last step was to create the frontend to display the information to the user. It was created using React and the TradingView library for the graphic.

Challenges we ran into

It took sometime to fully understand and make sense how to read the information for each transaction receipt and extract swap value from that. Another issue was to understand how to send to TradingView the statistics generated but after trying lots of solutions I ended up using redux to provide the information to the library and everything started to work fine.

Accomplishments that we're proud of

My biggest accomplishment was when the graphic started to draw all the data in the correct format, because before this fix all the bars were just displaying line and it was a really sad graphic. Another accomplishment was to use all my Ethereum knowledge in Evmos network without any big blocker.

What we learned

All the knowledge from Ethereum can be use in Evmos network.
To use the TradingView library
To create websocket in the frontend and backend

What's next for Dexmos.me

Right now it only supports Metamask. More Ethereum wallets can be supported.
Generate statistics every 15 seconds to update the graphic with more detailed information instead of every 15 minutes.
Add a filter to manually set the wallet instead of forcing the user to connect with Metamask.
Obtain stats to calculate in which dex is better to do the swap, using the prices and slippage.
Integration with other dexes.