swarmcity / SwarmCityConcept

This is the high level description of what needs to be built
9 stars 1 forks source link

As a user I can find the details for a hashtag, so I can learn more about it. #21

Open kikipluche opened 6 years ago

kikipluche commented 6 years ago

Abstract:

In Swarm City, hashtags are marketplaces. A hashtag gives context to a SWT token transfer.

Users (seekers) can post new requests in a hashtag, inviting other users (providers) to reply to their requests.

How it could work:

A hashtag contract stores both immutable and mutable information. The mutable information includes the hashtag description. The immutable information includes the hashtag name, fee, maintainer public key, and hashtag shortcode.

How the API could work:

The API gets the data from the contract and adds the number of deals

{
        name: 'Pioneer',
        address: '0xabd32',
        location: '9q8yfr43d4',
        short: 'a23d33'
        stats: {'completed': 230, 'resolved': 23, 'users': 1422, 'seekers': 222, 'providers': 1200 },
        description: 'pioneer is the first amazing hashtag',
        maintainer: {
            avatar: base64,
            username: 'Piet Snot',
            address: '0xf3ea2',
        },
        hashagFee: 120000000000000
    }                

What it looks like:

Userflow: https://invis.io/ABGM89SX3V5#/295754510_-Hashtag--contractaddress-_ACCOUNT_AboutHashtag ( > in Invision, hold shift to see clickable areas)


route: /hashtag-list/ OR /hashtag/[contractadress]

When the user taps the "i" next to the hashtag, or when the user taps the hashtag itself, the hashtag-about-menu drops down. It goes over the content of the page itself ( > when on /hashtag-list/ it goes over the hashtagItemList; when on page /hashtag/[contractaddress] it goes over both list A and B).

The opacity of the content itself changes to 20% when the hashtag-about-menu is open. The "i" itself becomes a white letter on the blue background.

The hashtag-about-menu contains:

To close the hashtag-about-menu, the user can:


Desktop view:


Invisionlinks with login (for inspect mode!): mobile: https://projects.invisionapp.com/d/main#/console/13838256/295754510/inspect desktop: https://projects.invisionapp.com/d/main#/console/14147648/295976003/inspect

Documentation / references


With ♡ from Swarm City