The Missing Tool Chain For Steemit Users

SteemDesk is an existing project which provides missing tools for Steemit users.

About The Project

SteemDesk tries to make a Steemit user's life easier by providing the tools missing on Steemit.com.

Existing Features

• Dashboard
  • exact user reputation
  • follower count
  • following count
• Delegations
  • View current delegations of an account
  • Make new delegations from one account to another account

Features In This Update

Allow to incrementally load account history into Redux store

This has been implemented by adding a new operation to the Redux store.
Data is retrieved asynchroneously to not block the user interface.

const accountHistoryLoadMore = () => async (dispatch, getState) => { …

Touched files (among others):

src/state/steem/actions.js
src/state/steem/operations.js
src/state/steem/reducers.js
src/state/steem/selectors.js
src/state/steem/types.js

Add new activity page to view and filter account history

A new menu has been added to the left navigation to allow to navigate to the new activity page.

Touched files (among others):

src/components/Navigation.js
src/pages/Activity.js

Refactor UserInput component for better user experience

• The user name can now be entered on each page.
• When the user is not valid, an error message is given next to the user input field.
• When user name is correct a check mark is shown.
• While checking the user name on Steem a spinner is shown.
• When switching to a different page the user name field will still show a validated user.

Touched files (among others):

src/components/UserInput.js
src/components/PageHeaderWithUserInput.js

Dismiss flags automatically when time is given as parameter

This is a minor improvement. When the user name has been confirmed as beeing valid a welcome flag has been shown. This stayed there until the user dismissed it. This was annoying. Now the flag disappears after 4 seconds.

Touched files (among others):

src/state/ui/actions.js
src/state/ui/operations.js

Technology Stack

• Babel—Next generation JavaScript
• React—A JavaScript library for building user interfaces
• Atlaskit—Atlassian's official UI library
• Parcel—Blazing fast, zero configuration web application bundler
• Redux—Predictable state container for JavaScript apps

Roadmap

• Improve display of activity items by replacing table with dedicated components
• Show APR for current delegations
• Show APR for transfers to Steem
• Show lifetime author rewards
• Show lifetime curation rewards
• Show upvotes in list (filterable for time frame, etc.)
• Show followers in list (filterable for time frame, reputation, etc.)

Getting Started

Building the app locally on your computer should be straightforward. Just clone the app. Then install the dependencies with yarn. When the installation has finished, you can run the app with yarn start. These are the steps in more detail:

git clone https://github.com/cutemachine/SteemDesk.git
cd SteemDesk
yarn
yarn start

Demo

Check out the live version of SteemDesk.

How To Contribute

Do you want to contribute to this project? Great. You can contact me through my Github profile page or just send a pull request.

---

Posted on Utopian.io - Rewarding Open Source Contributors

---