thematters / logbook-app Goto Github PK

tasks

• Add sorter to logbook page

• responsive: different on mobile and desktop

deps:

• #14

• Responsive: dialog for desktop, drawer for mobile;
• Header: title, close button;

deps:

• #12

refs: https://github.com/thematters/matters-web/tree/develop/src/components/Dialog

refs

• slack

• Responsive: dropdown on desktop, drawer on mobile;

deps:

• #14

refs: https://github.com/thematters/matters-web/tree/develop/src/components/DropdownDialog

• Optional header: token id, date, tx hash;
• Optional padding;
• Optional background and shadow;
• Optional border hover & focus effect (figure 3);

deps:

• #14
• #12

tasks

• Support shareable URL like https://logbook.matters.news/logbook/?id=69&sort=desc
• Once user change sort type, store it in browser

refs

• slack

deps:

• #19
• #18
• #16
• #15

design:

• Bookcase
• Logbook inside

tasks

• Apply ENS
• Apply Menson API

deps:

• #19
• #18
• #15

deps:

• #16

design:

• Section: Recently written

deps:

• #14
• #12

• Hide on mobile;
• Different on different pages;

deps:

• #14

tasks

• Article
• Discord AMA

taks

• Fix heading options got covered

• different colors;
• hover & focus effect;

deps: #14
ref: https://github.com/thematters/matters-web/tree/develop/src/components/Button

tasks

• Dialog border should be rounded

deps:

• #14

Refs:

• Searchbar

tasks

• width is incorrect on mobile device
• font size is incorrect on mobile device

• customizations: size, color

refs:
https://github.com/thematters/matters-web/tree/develop/src/components/Icon
https://github.com/thematters/matters-web/tree/develop/src/components/TextIcon

deps:

• #19
• #18
• #15

deps:

• #13
• #17

Installation tracker

• Landing

  • Claim
  • My Bookcase
  • Showcase
  • Recently written: Enter Library
  • Recently written: Content Card
  • About us links

• Library

  • Content card
  • Content card share button

• Logbook page

  • OpenSea button
  • Share button
  • Content card: creator address
  • Content card: Polygonscan

• Share Dialog

  • Each share channel button

deps:

• #13
• #17

• Input w/ label;
• Textarea w/ label;
• Hint & Error Message

ref: https://github.com/thematters/matters-web/tree/develop/src/components/Form

task

• revise date time in Logbook content card
• formats should be
  • Today' H:mm
  • Yesterday' H:mm
  • MM-dd
  • yyyy-MM-d
• Fix Polygonscan icon is not horizontal aligned

refs

• datetime util

deps:

• #19
• #18
• #16
• #15
• #20

design:

• Library page