cosmostation / mintscan-binance-dex-frontend

Mintscan Frontend for Binance DEX

Mintscan Explorer's Frontend for Binance Chain

⭐ Developed / Developing by Cosmostation

Overview

This project is sponsored by Binance X Fellowship Program. The program supports talented developers and researchers in creating free and open-source software that would enable new innovations and businesses in the crypto community.

This repository provides frontend code for Mintscan Block Explorer for Binance Chain.

Note that this repository is currently being developed meaning that most likely there will be many breaking changes.

Prerequisite

• A working backend described here - A general tolerance to read READMEs to the end and urge to not waste time by not doing so

Install

1. Git clone this repo to desired directory

git clone https://github.com/cosmostation/mintscan-binance-dex-frontend.git    

2. yarn it (there is no reason not to use npm, but was not tested thus not recommended)

yarn

3. Create a firebase.js in src/ with your firebase settings, or comment out the following line in src/Root.js

import "./firebase"

4. dev it or build it

yarn dev
yarn build:dev
# after building deploy to S3 or preferred web hosting  

currently as of writing this README, yarn dev and yarn start have no specific / intended differences other than hiding console.log messages, using different specified APIs and CRA dev / prod differences.

Contributing

We encourage and support an active, healthy community of contributors — any contribution, improvements, and suggestions are always welcome! Details are in the contribution guide

Note before I'm bothered to actually write the guide

I'm very conscious of how much more work could be done to make this project    
- a very general term - but just better.    
A lot of the code (with great reluctance) are even in my possibly abysmal standards    
'not up to par', I still have nightmares of the fact that I didn't adhere    
to the 'rule of hooks' in many occasions.    
(I beg of you to put down your pitchforks after reading the myriads of warning messages    
spewing out of this    

complete muck up

Ironically that single monstrosity of a file took up about 30% of the total time that I worked on this project

Please feel free to help clear up this displeasant stream of code    
before it becomes the hopeless mess it is most certainly destined to become    
without your most awaited upon help.    
    
yours sincerely, with a grain of salt *wink*    

Our Services and Community

• Official Website
• Mintscan Explorer
• Web Wallet
• Android Wallet - iOS Wallet
• Telegram - International

License

Released under the Apache 2.0 License.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

binance-exchange 💵	fl-y 📖 🐛 💻 🤔 🚧	JayB 💻 📆 💬	hyeryeong-lim 🎨 💬	wannabit-dev 📓	David Park 💼 🔍
cosmostation-tony 🤔 📓	wannabit-mina 💻	Mina Choi 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

mintscan-binance-dex-frontend's Issues

Add static type checking with flow

Feature

Add flow

Info

Personally had a very bad experience with typescript, but found that flow
could possibly the perfect middle-ground without it being too much of a hassle.
Am planning to start new projects using flow, but unwilling to implement flow to this project atm.

Add tests

Feature

Add tests

Info

Currently interested in cypress and doctest-js
But open-minded to any form of testing if anyone is willing to give it a shot.

Service workers for API calls

Feature

Use of service workers for all API calls

Info

Honestly not really needed currently(effort - result ratio is too low)
but might become mandatory if more cutting edge real-time & extensively parsed/refined data is needed.
However multi-threading for api calls should most likely be a plus.
Knock yourselves out if you're up to the task

Replace material-ui tables with html/css

Feature

Ditto title

Info

Load times(especially in the asset list page) are evidently affected due to the use of material-ui tables.
Replacing those tables with ul, lis will enhance page load speeds.

Also removing the use of tables will allow the use of react-window,
which as of the time this issue was written, does not support tables.(or is a pain to implement)

Can't run

Hello, mintscan-binance-dex-frontend the front end can't keep up alone. Do you need any other configuration

Time-locked asset tab in address page

Feature

An extra tab that displays all time-locked assets of an account and their unlock time.

Info

api
Using this API, it is relatively easy to get time-locked asset data.
Displaying this in a separate tab will certainly be an enhancement

The working backend link is not working

The link of working backend which is mentioned in readme doesn't works

airdrop feature

tab with airdrops
Right now I can see many options of my address's and blockchain's state. But for airdrops I need use another instruments. I think when you will have airdrop tabs - it can be new way for income.