busyorg/busy

Blockchain-based social network where anyone can earn rewards 🚀

Busy 🚀

Busy is an Open Source social network and communications platform which extends itself to a variety of rich features and functionality including free digital payments and a marketplace for goods and services.

For more info: https://busy.org/@busy.org

Preview

Quick Setup

git clone https://github.com/busyorg/busy.git
cd busy

yarn
yarn dev

Production build

git clone https://github.com/busyorg/busy.git
cd busy

yarn
yarn build
yarn start

Getting involved

We at Busy really appreciate help from the community. We want to make the Busy project as friendly as possible to contributors. It doesn't matter if you are a beginner looking for a place to improve your skills or just want to help us build something great. If you would like to contribute, but don't know what to work on, check our Contributing guide.

Backers

Busy is an MIT-licensed open source project. It's an independent project with its ongoing development made possible entirely thanks to the support by these awesome backers.

@steemit @smooth @jamesc @cass @bhuz @twinner @liondani @donkeypong @furion @deanliu @teamsteem @hanshotfirst @exyle @fulltimegeek @shortcut @twinner @sweetsssj @craig @beers @shaka @andu @ourlifestory @delegate @joshbreslauer @aizensou @rubenalexander @roelandp @stellabelle @twinner @pnc @lukestokes @pharesim @buzzbeergeek @timcliff @blockchainstudio

Partners

busy's Issues

[proposal] ScrollToFixed header, instead of fixed

The current header isn't very good on mobile (#14). I think a Medium style header would be better.

Add user in favorite (saved on localStorage)

[mobile] Image dimensions are broken on mobile

Width is constrained and height isn't automatic

Fix CSS issue on Safari Object

https://trello.com/c/wb7UUyC0/9-fix-css-issue-on-safari-object

Hide (un)follow button on your own profile

[Write page] Reset styling when press Enter

Actually if i'm writing with h1 and i press enter, i will still be writing with h1 styling:

We should start new line with empty styling

Fix tests

• Missing dependencies
  • socket.io-client
  • steemconnect
  • steemembed
  • Some testing stuff
• Comments tests are failing

Sidebar is nesting links in links somewhere

Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>. See Sidebar > Link > a > ... > Link > a.

Use React Helmet

For meta tags or simply setting titles. The library itself isn't big.

Add Draft.js on page /write component

Webpack configuration should be a template instead of multiple files

Production and development configurations should be generated from the same source.

[perceived performance] Splash Screen, Application Shell or Server-side Rendering

Currently we show a blue screen while loading, which may bring bad memories from the dark ages of personal computing to users.

I'd show an application shell directly, through server-side rendering. Then if it's easy enough to make fast queries on the server pre-fetch/pre-render everything before sending the initial payload.

---

Notes on implementing server-side fetching

To actually implement proper server-side fetching, there needs to be a high-order component or decorator that wraps top-level components and declares the data fetching actions they should execute upon rendering.

The server-rendering path should then read these actions and dispatch them on a per-request store before rendering the response.

On Este.js this is done with a fetch decorator:

MyComponent = fetch(fetchUsers)(MyComponent);

Which is something like:

function fetch(...actions) {
  return function(WrappedComponent) {
    return class Fetch {
      static fetchActions = actions;
      componentDidMount() {
        actions.forEach(action => this.context.store.dispatch(action))
      }
      render() { /*...*/ }
    }
  }
}

Add follow/unfollow trigger button on @user profile page

Add category in favorite (saved on localStorage)

#18

Add reblog feature on feed and single post page

Change sourcemap on development to eval-source-map

It should be changed from cheap-eval-source-map to eval-source-map for better access to the main source code.

Add webpack-visualizer plugin and serve it's statistics

https://paom.com/assets/statistics.html

https://github.com/chrisbateman/webpack-visualizer

var Visualizer = require('webpack-visualizer-plugin');

//...
plugins: [new Visualizer({
  filename: './statistics.html'
})],
//...

Write article, change button to trigger

These buttons should be on trigger:

Like this:

Vote count is not updating when i do a vote on feed

The article content should be reloaded with the new count of vote and reward updated once vote got success callback.

Model opening a notifications pane when the bell is clicked

Don't rely on google fonts

Cache google fonts and serve everything in our stylesheet

Add promise middleware

Promise middleware is a redux middleware that allows:

function myAction() {
  return {
    payload: {
      promise: fetch('/api/something').then(res => res.json()),
    },
    type: 'SOMETHING',
  };
}

Instead of:

function myAction() {
  return ({ dispatch }) => {
    dispatch({ type: 'SOMETHING_START' });
    fetch('/api/something').then(res => res.json()).then(
      (json) => dispatch({ type: 'SOMETHING_SUCCESS', payload: json }),
      (err) => dispatch({ type: 'SOMETHING_ERROR', payload: err })
    );
  };
}

ESLint settings isn't following babel settings

Static and bound methods are failing to parse

[feature] Messaging Implementation

• Bind sidemenu's contacts list to a data source
• Bind the messages detail view to a data source
• Write the messages back-end
• Implement messages notifications
• Bind the "chat" bottom right button to joining the current tag's messages channel

---

Messages Service Implementation Notes

The service should support:

• Private messages
• Channel messages
• Contacts
• Presence

Create page /@user/wallet with user balances

[visual] Profile page should not fix elements on top

Throughout the app, a significant amount of the top viewport is wasted with a fixed header.

On the profile page, the header and profile information are fixed and there's a scrolling area on the bottom part of the screen.

This is a bug, as on smaller screens one cannot see or scroll to any content:

Setup react-intl with foreigner language example for multi-language support

[feature] - Implementing UserProfile pages

Implementing pages related to user similar to Steemit. Data should be stored on the state.

• implementing user blog on /@user
• implementing comments page @user/posts
  • handle retrieving data from the API
  • make comments to store correctly on state
  • create the view for comments
• implementing feed page on @user/feed
  • prepare the actions on feed

Sidebar styling issue

Since recents changes, the sidebar have this unwanted CSS behaviour:


Can we revert change on styling?

[convention] npm start is meant for starting the application

It's what heroku will use and shouldn't watch files for changes with nodemon.

[bug] navbar list-selector should have flex: 1 0 auto

TypeError: this.props.loadMore is not a function

Caused by:

https://github.com/adcpm/busy/blame/dev/src/feed/Feed.js#L27

https://github.com/adcpm/busy/blame/dev/src/user/profile.js#L126

[refactor] There're 1589 linting errors

[feature] Post an article with steem.connect.comment method on this page https://bus.yt/write

https://trello.com/c/L8wt0ont/11-post-an-article-with-steem-connect-comment-method-on-this-page-https-bus-yt-write

Feed isn't loading if im not logged

From Busy homepage:

Enable travis-ci

Just run travis init

Webpack HMR Server should not die while the Node.js server reboots

It should probably run on another process... This makes HMR slow.

The feed on /created is not working

The page /created is not loading for me. In the console i don't see any request to the WebSocket for the feed.

Add image upload on page /write

Create a page /settings where i can choose my language

[bug] Scrolling is broken

[mobile] Side-menu should close on navigation

On mobile phones, when clicking links on the side-menu, the application navigates but doesn't close the menu.

When the location changes, the side-menu should close; unless it's set to pinned, should that option be supported.

[refactor] Update router with ES6 imports

See @p0o's comment on 2047cc0

Add comment on a post from feed pages or single post page

Tasks in this issue:

• Creating input box for comments
  • making sure it functions with API
• Managing nested comments
• Handling the state for retrieving comments
• Building the view to show comments
  • should be extendable for single page post

App send get_follower request to the WebSocket constantly

App send get_follower request to the WebSocket constantly:

Save bookmark in localStorage and show it in feed

Safari side-menu bug

Add steemdb NPM package to query user information for show it on the profile

Add category in favorite (saved on localStorage)

Implement read/unread messages

• On the API
• On the UI