Screen

graph LR
  subgraph Main Tab
    A
    B
    C
    D
  end
  A --> E
  B --> E
  C --> E
  D --> F
  G
  A(Utama)
  B(Artikel)
  E(Artikel Detail)
  C(Cari)
  D(Lainnya)
  F(Tentang)
  G(Generic)

API

Utama

Consist of 3 sections:

1. Highlight Article

   • Api will return 4 articles, take only the first article

2. Newest Articles

   • Same api as Highlight Article but take the last 3 articles

3. Editor Choice Example

   • Return 3 articles

Artikel Example

Consist of ScrollableTabRow, each tab there is an API call.

• Paginated (start from page 1)
• 10 articles per page

Cari Example

Consist of TextField used as keyword input and list of articles.

• Paginated (start from page 1)
• 10 articles per page

Artikel Detail Example

Consist of an article shown in detail

Resources

Figma Prototype