Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

As a user, I see the detail-view of a request/deal so I can verify all the details of this request/deal. #9

Closed
kikipluche opened this issue Mar 28, 2018 · 2 comments

Comments

@kikipluche
Copy link
Contributor

kikipluche commented Mar 28, 2018

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 has a chronological list of hashtag items.
When the user taps the item, a detailed view is displayed.

The client gets real-time updates on the detail state. The client subscribes to the item.

There are 2 types of detail views:

  • Item: the user is not engaged in this item
  • My Item: the user is engaged in this item

Shareable link

In both views a user sees a shareable link to the detail view of the item.

This link can be shared on social platforms to advertise it.

The detail view contains the appropriate meta tags to render a preview on most social media and content platforms.

It could look like this:
https://swarm.city/hashtag/[contractaddress]/[dealhash]


What it looks like:

Userflow: https://invis.io/ABGM89SX3V5#/293478690_-Hashtag--contractadress---dealhash-_MYITEM
( > in Invision, hold shift to see clickable areas)


route: /hashtag/[hashtagadress]/[itemhash]

The item's appearance changes depending on the user's role:

Detail view - myItem (A):
When the user is the Seeker, the item consists of:

  • hastag + infobox
  • x-mark (detail close-button)
  • description
  • dateTime
  • avatar
  • name and "•" and SeekerRep* (black)
    (visually presented just as 'SWR')
  • copy "SWT" and the value of this item
  • shareable link
  • dotted divider line
  • replies (when no replies: copy "No replies yet.")
  • cancel-button (copy:"cancel this request")

Detail view - Item (B):
When the user is not the Seeker:

  • The item consists of:
  • hashtag + infobox
  • x-mark (detail close-button)
  • description
  • dateTime
  • avatar
  • name and "•" and SeekerRep* (blue)
    (visually presented just as 'SWR')
  • copy "SWT" and the value of this item
  • shareable link
  • dotted divider line
  • replies (when no replies: copy "No replies yet.")
  • big white button with blue reply-icon

When the user taps the detail close-button (x-mark), the view changes to the page /hashtag/[contractaddress].


Desktop view:


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

Documentation / references

Detail-view meta for shareable link:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

@kingflurkel kingflurkel added this to the S01E01: Making babies milestone Mar 28, 2018
@swarmcity swarmcity deleted a comment from kingflurkel Apr 27, 2018
@kikipluche
Copy link
Contributor Author

in the API will have a subscription on 1 item and it will emit updates

@xardass
Copy link
Collaborator

xardass commented May 6, 2018

When landing on an item detail page, the client will start a new subscription to the API with real-time updates on this item.

When closing the detail view, route to the corresponding hashtag page (which can be found within the item detail direct URL)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants