2ndtlmining / fluxnode Goto Github PK

Problem Statement

Love to include the Flux block height within the home page:

Proposed Solution

Love to only how this on the home page as illustrated above. Getting this information we can hit this API:

https://api.runonflux.io/daemon/getinfo

looking for the value on "Blocks":

Icons

Thinking:

SiHiveBlockchain

from Si React set

Problem statement

Currently the Home page is straight into a search for the wallet with a lot of information on the screen. Like to split this into two distinct pages. Home Page and Wallet Page. The wallet page will only be triggered once the user has clicked the search. This will hopefully free up some space and have a better UI experience.

Current Home page

The idea is to keep this for now as the Wallet page, but create a new Home page that only displays key and is very clean. Idea is zero state for the user. Thus when they enter wallet in only display the wallet related information.

Information

Like to display the following information on the Home page:

Decentralised Network

Not sure if we can do interactive pie chart of sort but data looking to show

• Nodes:
• Cumulus Count
• Nimbus Count
• Stratus Count
• Fractus Count
• Node operators (this is something new looking to count the amount of unique wallets to show decentralisation). Need to use some sort of person icon here
• Map (if we could do some sort of map that would be awesome) Big if on this one

_ Network Utilisation_

Love to show the data in % based on what we already have today in the current home page:

• Node Utilisation
• CPU Utilisation
• Ram Utilisation
• SSD Utilisation

_ Application Deployment_

Like to highlight some of the applications that is deployed on the Flux network. Again similar to Node counts like to do some sort of Pie chart or icons if possible with the logos if we can some how, but the thinking is:

• Total Application Instances: This will be a raw count
• Wordpress: How many Wordpress instances there are on the Flux network
• Kadena: Amount of Kadena instances on Flux
• Presearch: Amount of Presearch instances on Flux
• Other: Anything that is not Wordpress. Kadena or Presearch

UI

Map
Not exactly sure where we place the map, but my thinking was just below the main stats just to show the amount of nodes around the world. Thus what i am looking for is just a number within a country. For example if the US has 3000 nodes just like to show the number, and if possible gradient of colour. Thus darker is more and lighter is less. This data should be obtainable from the API information. Couple ideas on map:

React Maps

• Examples1
• Examples2
• Example 3

API & Calculations

Most of the information above we already have as part of the site, but just displaying it in a different place such as the Utilisation ect. There are couple new pieces of information we dont have yet:

Node Operators:
In this example we are looking for the unique count of wallet addresses attached to nodes.

API: https://stats.runonflux.io/fluxinfo?projection=flux,node

Need to count the unique count of: "payment_address"

Application Deployments:
This can be achieved by searching for the app deployments based on docker repo for that:

• API: https://stats.runonflux.io/fluxinfo?projection=apps.runningapps.Image
• Sample Code:

We will need to maintain in the Variable file the Docker repo searches to be used in case it changes in the future.

The above will count instances. Suspect for something like wordpress where there is master slave relationship and streamer might need to want to count it differently. The above will count repos with instances. But what we can also do is this:

API:https://api.runonflux.io/apps/globalappsspecifications
Sample count code:

This sample code will count how many Wordpress websites hosted. Think we dont need to count individual instances of repo. Might need to do same for Presearch

Spotted another API: https://jetpackbridge.runonflux.io/api/v1/wordpress.php?action=COUNT

Think its not private but hopefully we can use it.

Country Count (Map):
Suspect in order to display values on the Map idea we would need values per country. Not sure what information we can put on a map yet, but below is some ideas, depending on how gradular we can get and what makes sense UI wise:

API: https://stats.runonflux.io/fluxinfo?projection=flux,geolocation

Details are available for example:

continentCode":"EU","country":"Germany","countryCode":"DE","region":"RP","regionName":"Rheinland-Pfalz","lat":50.7159,"lon":7.9805

Sample code for unique addresses:

fetch('https://api.runonflux.io/daemon/viewdeterministiczelnodelist')
  .then(response => response.json())
  .then(data => {
    const uniquePaymentAddresses = new Set();
    data.data.forEach(item => {
      uniquePaymentAddresses.add(item.payment_address);
    });
    console.log(Array.from(uniquePaymentAddresses));
  })
  .catch(error => console.error(error));

question .. is there any way to pass the optoins to your app from the URL.. Something like:

https://fluxnode.app.runonflux.io/#/nodes?font=small

This is where cookies are not saved

Problem Statement

Users like to perform their own speedtest. Like to add it to the guide section

Fix

Add another step into the guide section that states this at number 26:

sudo apt-get install curl
curl -s https://packagecloud.io/install/repositories/ookla/speedtest-cli/script.deb.sh | sudo bash
sudo apt-get install speedtest
speedtest

Problem statement

Currently the Flux OS and Benchmark Tooltips is not showing:

Code looks to be there:

iOS Broken

Looks like support for iOS stopped working

Solutions tried

• Revert NGINX back to version 1.22 & Rust 1.62: No success

Issue:

Privacy mode it not working as intended in two places:

Suppose to be xxxx also if you toggle the privacy mode

The settings window doesn't open and i get errors in my console when clicking the settings button:

Suggestion:

• Use a logging driver that supports encryption: Docker provides several logging drivers that support encryption, such as GELF, Fluentd, and Syslog.

• Configure the logging driver to use encryption: Set the logging driver options to enable encryption. For example, when using the GELF logging driver, you can set the gelf-tls option to true to enable TLS encryption.

• Store logs in a secure location: Store the encrypted logs in a secure location that is only accessible to authorized users. This can be a cloud storage service such as AWS S3 or a private server. - Dont think we need to do this. There might be a flux drive option, but not really needed, i havent looked at the logs at all. I can download them if needed. Would there be an option for me to download them and unencrypt?

• Rotate encryption keys regularly: Rotate the encryption keys used to encrypt the logs regularly to ensure that they remain secure.

Implementation

Could it be possible to implement it in such a way that the encryption can be toggled on and off in the code if required. Thus if we really want to have a look at the log files we need to spin up a docker container with the encryption turned off. In such a way no one really can see log file unless its a dev looking to troubleshoot. Idea here is dont really want to have access. Would love the flag in the .env.production and .env.development files as a flag.

Problem Statement

Today we make use of the Uptime API to retrieve the data. For example:

That retrieves the Flux OS uptime here:

Now this data displayed above is purely the Flux OS uptime. And what happens pretty frequently updates on Flux OS is pushed out and when Flux oS is updated this uptime gets reset. Eventhough the FLlux OS updates the uptime resets, which is not really a true reflection on the uptime of the node just by an Flux OS update. Like to update this to be a more true reflection of the actual node uptime and not the Flux OS uptime.

Desired outcome

Like to make a couple changes:

• Calculation changes
• API Change
• Tooltips

Calculation changes

Like to fundamentally change the calcs to make use of the "Active since" field. Calculation needs to be (Time now) - (Active Since). Just need to make sure the data is converted correctly. Timestamp from API looks to be Unix. Thus need to apply the Js for it:

Javascript timestamp

API change

Current pickup is:

http://<IP>:<Port>/flux/uptime

For example:

Ideal:

https://api.runonflux.io/daemon/viewdeterministiczelnodelist?filter=<Wallet>'

example:

The above mentioned API is already used in the apidata.js file so should be able to use it and simplify the APIs at least.

Tool-tip changes

Current tool tip relates to Flux OS data we are extracting today:

As is: "Uptime is the amount of time Flux OS has been up. If Flux OS updates or restarts will reset the timer"
New: " Uptime is the amount of time since the Node has been started in Zelcore. If node is Offline or DOS in Zelcore the time will reset"

Technical details

Unix date

Currently we making use :

https://api.runonflux.io/flux/version

https://raw.githubusercontent.com/RunOnFlux/flux/master/package.json

Some users as requested in the past to have a auto refresh timer on the website.
A usecase is to have a seperate monitor with the Fluxnode view site open and as such refreshing it manually.

Proposed solution:

Some websites have a little clock that you can play with some options. Looking at it, default for a 1st time user would need to be off.

Problem Statement
The current wallet search bar both the Home Page and the Node Page takes a lot of space and looks a bit funny. Love to make it a bit more modern and alligned with what we see on other platforms. The areas it is used:

Proposed Solution

Was thinking something more alligned with what we see on other popular platforms:

Thus in the bar say Wallet search

Problem statement

Some users complaining about the dark mode logos are hard to see for Ergo and Algo. I know we pull them straight, not sure if there is an easy way to have an alternative, if we need actual logo, I can have a crack but below is what the thinking is:

Fractus rewards has finally been announced and lined out in Medium article:

https://fluxofficial.medium.com/earn-more-with-fractus-cumulus-store-more-flux-earned-cbeac46bc9e7

Reading through the details couple things confirmed:

• Part of the Cumulus queue: Thus reward times will be based on the queues for Cumulus thus timing should be that.
• Collateral: 1000 exactly same as Cumulus
• Rewards: 15% bonus ontop of the current Cumulus native flux reward. This is key determination as Fractus will not get any PA, so care needs to be taken with APR , and PA calculations

Front-end changes

Header

• Frequency
• Rewards
• APR
• Total node count: As far as i understand API still doesnt have data, but might code in as i have requested it

The expectation is that there will not be fractus there as such we need to use another api and code as specified here:

Just getting a Promise issue, when doing into the website. I struggling to get the await and promise to work on the website as needed. Hopefully someone can help.

Estimated Earnings

• $ amount in Day and Month to be updated to include Fractus
• Flux amount in Day and month to be updated to include Fractus

Back-end changes

As Fractus really is part of Cumulus need to perform some updates in couple places but majority i expect:

• apidata.js: Need to add Fractus in there, eventhough there is going to eventually be a node count, that should not be used as the queue lenght as the queue lenght will be based on Cumulus. Thus reward calcs should use Cumulus, but display Zelcount data in front end
• app-content.js: Need to update the rewards. But this is where it gets interesting as Fractus will only get 15% bump on Native flux, no Parallel asset rewards thus those values should not be taken into account.
• API: https://stats.runonflux.io/fluxinfo?projection=benchmark.bench.thunder,benchmark.bench.ipaddress -
  

Testing key points

• Tooltip needs to have a bump in the Flux per day but not the PA's (as 15% is only native flux)
• Double/tripple check the estimated earnings as it will be a different type of calculation

Problem Description

Like to visually show Utilisation across the Flux network at the given point of time at a refresh. Similar to the data today that counts Total nodes, price, and the count per node tier. Similar today no history is needed and as much as possible trying to stay away from any DB's.

Tracking Metrics

Looking to track 4 metrics

1. Node Utilisation: % metric. This is the total: (Total nodes - Nodes with 0 apps)/Total nodes %
2. CPU Utilisation: % metric. (Total benchmark Threads - Total locked cores)/Total Threads
3. Ram Utilisation : % metric. (Total bench marked Ram - Total locked ram)/ Total bench marked ram
4. SSD Utilisation: % metric. (Total benchmark SSD - Total locked ram)/Total benchmark SSD

UI & Design Ideas

Looking to make it as visual and fun as possible sticking to the sites existing design. But besides just showing numbers like to make use of visual effects, idea so far is speedo dials or numbers within a circle. At this stage circle is what i had in mind. Colour full is ideal.

• Some ideas around imaging: https://youtu.be/MOHRbw1TZgA
• Idea is that these numbers would have a roll effect but very quickly settle to where they should be based on the number as its % based it should roll up quickly. Nothing longer than 5 seconds.

• Location: Not exactly sure where on the screen makes the most sense to place it, gut feel is towards the top if possible
• Crazy idea: Potentially within the existing blocks where we have data today:

Happy to have a look to what makes most sense. Also one of the guys mentioned seeing we using React may be look at Framer for React

Technical Data

Total Resource

This should be fairly easy to calculate in two ways:

1. Either count the total nodes per tier, and then multiply with the Resource specifications per tier. Suspect this will be good from performance perspective.

2. Stats.runonflux.io: Should be able to count the specifications benchmarked as that will have the true resources. This might take a little longer to calculate but should be what we use. more discussed in API section.

Resource Utilisation

This should be easy with the Stats.runonflux.io and have a look at the locked resources. Example code in the API section.

API
If we have more efficient ways by all means but looking at what we already using today. Some ideas around calculating Resource utilisation:

• https://stats.runonflux.io/fluxinfo/apps.resources

Couple things we need to be careful for:

• Cores: This is actually vCores (Threads) so we will have to calculate usage with threads in mind
• Ram: The above mentioned API will show Ram in MB, this will probably be better displayed on site in TB

Node Utilisation

This calculation we need to make use of our existing code to count the apps. But in this case we just need to make sure we can the 0 app nodes:

Also these nodes will return no locked resources like this:

Pseudo Code Examples

Couple example of code to calculate the values we need.

Node Resource Utilisation

• Locked up Ram:

const api_url = 'https://stats.runonflux.io/fluxinfo/apps.resources'
  async function getdata() {
    const res = await fetch(api_url);
    const json = await res.json();  
    var sumram  = 0;  
    json.data.map((index)=> { sumram = sumram + (index?.apps?.resources?.appsRamLocked)});
    console.log(sumram/1000000,"Tb");
  }
getdata();

Total Resources

Using the same API, but focusing on Ram. In this case the API returns ram in GB and not MB above:

const api_url = 'https://stats.runonflux.io/fluxinfo/benchmark'
  async function getdata() {
    const res = await fetch(api_url);
    const json = await res.json();  
    var sumram  = 0;  
    json.data.map((index)=> { sumram = sumram + (index?.benchmark?.bench?.ram)});
    console.log(sumram/1000,"Tb");
  }
getdata();

Node Utilization

To calculate this we can use existing data. Today in the main screen we count total nodes, thus we have the base value to devide to calculate % utilisation, thus calculation will be: Node Utilisation = Utilised nodes/Total nodes

To calculate Utilised nodes:

const api_url = 'https://stats.runonflux.io/fluxinfo/apps.resources'
  async function getdata() {
    const res = await fetch(api_url);
    const json = await res.json();  
    const sumemptynodes = json.data.filter((data) => data.apps.resources.appsRamLocked == 0).length;
    console.log(sumemptynodes);
  }
getdata();

Problem statement

Today we display the amount of apps in the Node Overview section per node:

But user need to click on the button to actually find out which Apps that actually is. We do show the most apps and then a tooltip here:

Requirement

Could we show a similar tooltip that is on the "Most Hosted Node" but within the Node Overview?

Potential issues

• iOS: Just need to make sure it works in iOS
• Android
• Screen realiastate

Problem Statement

The wallet amount seem to spill over often. This happens on small or big wallets.

Workaround

Sizing the window

More details

https://docs.fusion.runonflux.io/#tag/Swap

https://docs.fusion.runonflux.io/#tag/Coinbase/operation/coinbaseclaim

https://github.com/ZelCore-io/Zelcore

https://academy.binance.com/en/articles/what-are-liquidity-pools-in-defi

https://cryptonews.com/exclusives/cross-chain-bridges.htm#:~:text=How%20Do%20Cross%2DChain%20Bridges,also%20handled%20by%20smart%20contracts

https://www.investopedia.com/what-are-cross-chain-bridges-6750848

Some users missing the Notable node toggle not defaulting after search:

Could we have the Notable Nodes toggled on by default? Or remember where the user left it?

Details to be added.

below resources:

https://titan.runonflux.io/config will give the lockups and their fees which are needed for the calculations.
https://titan.runonflux.io/nodes will fetch a list of Titan nodes
https://titan.runonflux.io/stats will get the total Flux staked.

Tested the above API's no real data that can be useful to display. Search continues to find something different

Problem statment

Noticed behaviour if the Utilization or the benchmark API results doesnt come back for some reason. That totally stops the wallet search functionality. Looks something like

Looking at the docker log file, while doing this not going out at all or at least not starting anything.

Tested also once the Stats API had all the data (i got lucky ;) ) but doesnt fetch the wallet info at all:

Problem Statement

Currently the White mode footer still coming through as dark mode:

Problem Statement

On mobile specifically can make some minor changes that would make it look a bit neater:

1. Flux logo to the left more
2. Options centered

Problem Statement

Demo screen currently is broken:

Expected Behavior

Should pick up the latest Cumulus winner and display that information

Problem statement

At the start of the website we focused on features and getting it up and running and as Docker is fairly secure we didnt really build extra features ontop to secure it even more. In this enhancement like to see if we can improve the security elements of the app.

Updates

Looking to see if we can update the following

• Docker file: See if we can run the applications as non root user
• Docker images: Any of the Vulnerabilities we can potentially fix in the code. A lot if not possible and i am well aware but if potentially we can help with one or 2 without impacting performance
• Encryption logs: Any log encryption potentially we can do

Suggestions

Any other suggestions welcome here or best practises like to apply.

Problem statement

Node overview for big wallets can take some time as the various API calls retrieve the benchmark and other information.

Proposed solution

• Pagination loading

Flux Block rewards are expected to half around the 8 Feb 2023. Need to make sure that the website take the new block reward structure into account for all calculations regarding node rewards APR ect.

Expectation is to update the app-content.js file that contains the constant data:

Ensure testing is done before 8 Feb but dont go live before the halving

Some users having issues with their Flux daemon not being updated.
Add the flux daemon to Overview screen.

https://github.com/RunOnFlux/fluxd

Problem statement

Focus thus far has been desktop usage, however looking at the analytics mobile and tablet usage is +-40%

Proposed solution

• Improve responsiveness : Not sure how yet

Feature request

Love the recent Node Overview changes allowing you to move columns around and do filtering. Could we continue on that with the following:

1. Button Customisation
Ability to customise bottom window or size of the data grid (YouTube alike).

2. Clean up the Wallet overview class file

**3. Sorting Continued **
The ability to extend the sorting functionality to the IP, Flux OS and Benchmark please:

4. Column moves remembered after refresh
Fantastic that we can now move the columns around allowing the user the swap the data around to his/her heart content, but could we save changes made to cookies, as when they hit the wallet refresh it all defaults back to what it was. If its not possible not a train smash.

5. Column width
Feels all columns are a bit bigger now with even the small ones taking up a little more space. Not sure if its possible to size the column based on the space taken up by any chance.

6. Filter padding
Any chance we can move the up and down arrow slightly further to allow more padding between them.

7. Filter Next and Last Reword
Filtering on the Next and Last reword is not quite working right:

8. Demo mode dark mode bug

Currently if you use Darkmode and going demo it comes in white:

Problem Statement

To date there are 7 Flux Parallel assets, which is basically Tokens of Flux on other Smart Contract Crypto currency such as Ethereum, Binance smart chain, Kadena, Tron, Solana, Avalanche and Ergo. There are various different DEFI protocols that can be used with these various different Flux-PA's. In this new feature i would like to start looking at providing visibility of these DEFI protocols. Starting with Ergo.

Ergo Example:

Spectrum

The above is if you would like to swap. But also want to show this type of informaiton:

Functionality

UI

API's

Managed to reach out to Gazza on the Ergo discord and he provided the following:

• Documentation API: Documents
• API example: Flux PA API
• Github Spectrum

Test data

Problem statement

Some users move columns around by mistake causing them a little heart ache.
This can be reset today by clearing your cache, however users not really fond of that idea.

Proposed solution

Reset to default button to reset the layout back to normal:

Should be to the right of Refresh to stop muscle memory :)

Hey Team

Looks like the Donation bug is back :)
Had a quick look on couple donations addesses:

(https://explorer.flux.zelcore.io/tx/9a4a4a74cdd2c608b90ad40b595566b18d78b9f13f3f4f9716524eeaa93eeb6b)

and

(https://explorer.flux.zelcore.io/tx/0614bbeb5cf8f48699332fe27b069b2d5689972eccc5a93f7f915c67268aac2a)

The donation item does not popup:

Looking a the previous issue that change still there:

Not sure if the front end is just not calling for it

Problem Statement

Flux team is now performing Enterprise scores next to nodes. Like to provide node operators this information so they can see what their score per node is and then total score.

Requirements

1. Display Enterprise Score in Node Overview screen
2. Display Wallet total score as tooltip
3. Tooltip for score in Node Overview

API

The API that contains information is here: https://api.runonflux.io/apps/enterprisenodes

Calculations

1. Tooltip Calculation: There is only 1 calculation and that will be for the tooltip on the wallet. What we are looking for is a sum of all the "Score" against that wallet. Thus sum Score against the searched wallet in the API.

2. Node Overview: UPNP nodes will not be listed in the API, thus if there is a search for them they will not be found in the API, thus need to put a 0 against them. So to make it simple if the node is not found in the API response just put 0.

UI

1. Tooltip that shows the sum that is mentioned above in calculations:
   

2. Score added to Node Overview: Score tab should be added to Node overview screen showing the number received from API
   

3. Score Tooltip: We should display a Tooltip for the new column Score in the Node overview: Can put this as tooltip:
   "Enterprise score is an aggregated score taking maturity, node tier, identity and collateral into account". UPNP nodes are not considered thus have 0."

Testing

1. Wallets: t3c4EfxLoXXSRZCRnPRF3RpjPi9mBzF5yoJ or t1cWqrpvhcGimwGYGRv2xoro3W87WZYzoVH
2. Test wallet with and without UPNP as indicated above, also use the Demo function to see if that still works with the new column.

Currently making use of prejections.
This can be shortened with /xxxxx.xxxx

Problem statement

Current Flux logo just an icon without function:

Proposed solution

Make it a button similar Home button today

Please add EUR for estimated earnings, flux value and wallet.

Problem Statement

New addition of the Home page brought about some duplication of code that is not needed. The code between Home and Main folders are duplicated.

Simplifications needed

1. Remove duplicate folders not needed in Home folder:

Example not sure if Best Uptime is used in home page, or Payout timer, Wallet nodes, Most hosted, Parallel Assets or Payout timer is used. Try to only keep whats needed in the home page making it easier to read and maintain.

2. Update APIdata.js file: APIDATA.js file now is duplicated. Either add the new API information to the Main APIdata.js or just include the relevant API data for Main api file. Probably call it something different.
3. Maintain Variables files: Update the variables file to only have variables such as Kadena and Presearch making it easier to add more in the future or swap them out. Thus in API file just call them app 1 and app 2 and maintain the actual Docker repo in the variables file:

4. Remove data not needed: Think some data was copied across but not needed, thus ending up either not used or just commented. Look to remove those to only have relevant information. This specifically relate to the Home folder file contents such as:

Can see code related to wallets in home page section, dollar signs that is commented ect. Thus a lot of things copied but never used thus creating a little bit of clutter.

Potential changes

• Fulfillment stage seems redundant
• Move below API call from global store API calls to backend and combine them all into single endpoint for simplification

Problem statement

White mode for algorand doesnt really have a border around the logo. It does in Dark mode but not in White mode:

Problem Statement

Like to continue to gameify the website and allow people to brag about their nodes and the performance of their nodes. As such like to introduce Achievements & Medal metrics similar to what you would find on various other platforms. Even Github :

Like to introduce couple categories:

• Wallet
• Performance
• Bonus
• Crypto
• Games
• Special

Functionality

As mentioned within the above categories thinking have specific Medals and Achievement badges. But ontop of that need to try and configure the code in such a way that where we have values searching it can be easy to modify it in the future. Idea is have some of the variables either in its own file similar to app-content.js. Jump into calculations and functionality

Wallet
Idea here is that we just use some of Achievement badge to indicate wallet size but dollar based:

1. Whale: $1 000 000 +
2. Shark: $100 000 -> $999 999
3. Tuna: $ 50 000 -> $99 999

This can be calculated based on the Wallet amount once we hit the explorer API.

Performance

The idea here is to award medals Gold, Silver and Brownze within each Node Tier or category, thus Gold Medal in Cumulus but also a Gold Medal in Nimbus and subsequently Stratus. Gold -> Brownze is based on 1st -> 3rd, but based on category, the below are the categories:

• EPS: Events per Second basically the benchmark for the CPU. Thus per tier can can award the Gold -> Silver medal if the wallet has either the fastest EPS score within that node tier. Thus at any given point there can only be 3 Gold Medals for EPS across all 3 tiers if that makes sense. Thus looking for the top 3 fastest speeds on EPS across the 3 tiers.

• DWS: Disc write speed, basically same thing as EPS, looking to award the top 3 speeds some medals
• Bandwidth: Similar to above but like to award the top 3 per tier that has the highest combined Up + Download speed.

Bonus Rewards
Currently there are some bonus rewards that are paid out to Node operators that are lucky enough to host some applications on their nodes. Its completely random if you host an app as such like to highlight it if they are currently hosting this app. This will be purely based on the name of the app running on the wallet. Also like to code it in such a way that it could be easy to add more in the future as more is planned. From a icon perspective i was thinking to just list the actual Crypto curency logo. Today there is only 2:

• Kadena: Thus if an app is running on the wallet that mentioned "Kadena" in the description we can count that as a bonus reward, for example below

In terms of logo we can just pickup the Kadena logo we are using already for the Parallel asset section.

• Miner of Kadenia: This is another app, that actually runs on Kadena chain that is hosted by some Flux nodes, people get extra MOK tokens if they host this app, so like to show it.

There is a couple containers so any one of the MOKX-MOKY whatever there are.
In terms of logos: Miner of Kadena website think logo wise

Crypto
There are various crypto projects that can be hosted on the Flux network to support them, so wanted to show at least some logos of the Crypto projects that wallet/Node provider might be supporting with a number next to it like X2 if they support more than 1 app within a category. Thus for example one where we will for sure see more is Presearch. Tons of Presearch apps on the Flux network. But below is the Crytpo project at least would like to highlight. Again we will need to grep (sorry bash speak) the description of the app on the node provider. But below:

• Presearch: Looking where the app description has got Presearch in. Like:
  

logo: https://cryptologos.cc/logos/presearch-pre-logo.png?v=024

• PivX: Not sure if this is even lots of them.

• Raven: Again if we find a Raven node description in the apps.

https://cryptologos.cc/logos/ravencoin-rvn-logo.png?v=024

• Polkadot: Similar if we have a Polkadot

https://cryptologos.cc/logos/polkadot-new-dot-logo.png?v=024

• Dogecoin: Dogecoin in the description

https://cryptologos.cc/logos/dogecoin-doge-logo.png?v=024

Games
There are various games that can also be hosted on Flux and like to highlight or at least show their logos:

• Valheim: If we see "Valheim" in the app description. Not sure for logo wise if we can just use the Valheim one:

https://valheim.fandom.com/wiki/Valheim

Valheim

• Minecraft: If we see minecraft in the description at all

Minecraft

Special

Expecting to see quite a number of new items being coming to the Flux network, but the big item i would like to highlight is Wordpress. Could we list Wordpress if we find it on a node please:

• Wordpress: App description "Wordpress"

Wordpress

Hopefully the above makes sense. But generally like to search the apps hosted by wallet, if there are any of these unique names like to show an Achievement of some sort depending what they have.

UI

Not really sure where is the best to place the medals, and how big will make sense on most platforms (Desktop and Mobile). Need a little guidance here.

Technical

1. Wallet: This should be fairly easy based on the Wallet value using the Explorer API we already have today
2. Speed: Think for this we can make use of the stats benchmark projection API. It will not only give us all tiers but all benchmarks so we can validate if its fastest per tier and per award we giving out:

https://stats.runonflux.io/fluxinfo?projection=benchmark

3. Bonus,Crypto, Games and Special: These will all be the same technically, just the description search that will change. Thus we are going to find the apps that is hosted on the wallet and validate if its in or list per the criteria mentioned above

Ideas for art

Problem

Really small thing that i noticed when going into full screen. All the columns filter in Full screen except Flux OS. I am really bad in that code department so no clue what it could be, also small can tackle it some other time.

Some of the community had some ideas around the Node Overview section:

Couple features to look to add:

+ Ability to sort columns: This will allow them to sort on for example benchmarks or versions to quickly find problematic nodes
+ Ability to customise bottom window: The box has a predefined hight as such there is a lot of scrolling required for people that have a lot of nodes. As such look at either customizing the size by dragging it longer or potentially auto sizing depending on the amount of nodes.
+ Ability to move columns around: This will be nice to have but theability to re-arrange columns around

Key considerations to consider:

• Some addresses has more than 100 nodes, test address for this: t3c4EfxLoXXSRZCRnPRF3RpjPi9mBzF5yoJ
• UI look and feel especially with the Estimated earnings toggled on
• Potential consideration is a lite mode toggle in settings to only show the Node overview

Problem Statement

This is basically a building ontop of the Flux Network Utilisation. As the Network utilization provides you an overview of the whole network, the intent of this feature is to provide the person a view of his individual nodes. Thus his own node utilisation.

Functionality

Ideally like to track a summary view and an individual node details.

Summary view

Like to track:

• Total node utilisation: This is just basically % of the Nodes with a app vs empty nodes. Thus if a wallet has 5 nodes and 4 of them have apps on, but 1 is empty we need to show 80% utilisation.
• Core utilisation: This is the % of vCores being used across the wallets nodes. Thus total benchmarked vCores against LockedCPUresources from apps.
• Ram utilisation: Similar to CPU, but this will just be Ram utilization, thus total benchmarked vs LockedRamresources
• SSD utilisation: Similar to Ram and CPU, the total benchmarked SSD vs the LockedSSD resources.

Individual node view

The above mentioned is totalled across all the nodes. Next love to see individual nodes also with the same data minus the Total node utilisation:

• Core utilisation
• Ram utilisation
• SSD utilisation

UI & Placement

I am open for suggestion on what is possible and what will look best in this department. But what i had in mind is 2 separate section.

The Summary View

Placement:

Idea 1: In Notable node section:

Idea 2: Node Overview section

Idea 3: New Node Utilisation section: Discussed below but for individual nodes we need a section:

Regarding actual design, like to keep it consistent with what we do with Network Utilization thus if its % spinners like to keep it like that if we can. But got ideas down at the bottom for inspiration.

The Individual Node View

As mentioned in idea 3 above think we will need a separate tab. But within the tab not sure what is the best way to show it but we need to show 3 metrics as %. vCPU, Ram and SSD, what i had in mid potentially is the lenght but split into 3 something like this:

So something like that, that shows total but then what is used. Not sure what would make sense in the screen and how best to fit, but what i was thinking 3 details column with the actual bar within the column going left to right 0% -> 100%. The IP of the node needs to be on the left. Might need to have an indicator or logo that specifies the tier node if we can fit it. But the idea is we can then filter per column to see the highest CPU % usage for example.

API

This is where we will need to have a look at what we can re-use in code. Especially the Individual Node view as i suspect the API to get this information will be low.

• Stats API: https://stats.runonflux.io/fluxinfo
• Stats API filter criteria: https://stats.runonflux.io/fluxinfo/benchmark,paymentAddress,apps

The above will give you what you need.

Inspiration

this lines.

One of the community members designed this amazing design:

love to see if we could potentially get this cool one day :)

Problem description

We ran into an issue with the website completely not launching when we received a NULL value for one of the fees:

https://fusion.runonflux.io/fees

Resulting in website breaking a bit:

Proposed Fix

Although we should not be receiving NULL value, we should still render the site with no value in if we can.

It was 9250 but was later reduced to 9000

Problem Statement

Nodes Overview grid is fantastic allowing users to customize their view and saving that data into cookies.
Noticed that if you made changes by mistake you need to remove cookies to get the default settings back. Could we have a button that resets defaults?

Proposed Solution

Proposed button that puts the default layout back.

Problem Statement

The top box section not exactly aligned to the rest of the Node page:

Requirement

Align to the rest on the left and right