OwnTube-tv/web-client

Mock-up of simple landing page which lists categories and items within

Closed this issue · 1 comments

ar9708 commented
  • Use Figma and make it easily shareable ← https://www.figma.com/file/77wSzKzV4cbKzttKpG4vPw/Untitled?type=design&node-id=0%3A1&mode=design&t=ZcSPPNIUARQPFM7M-1
  • Mock-ups på design, hur ser landningssidan ut? Ska se vettigt ut i alla förekommande formfaktorer. 2 varianter för tablet, 2 varianter för desktop, och 4 varianter för mobiler (Android/iPhone, stående/liggande)
  • Vilka komponenter behöver sidan? Förmodligen någon yttre container, olika kategorier med videor som horisontalscrollar, och video-previews Image
    • Boka ett "grooming-möte 3" och diskutera vilka komponenter som behövs och hur man ska implementera landningssidan i React Native + skapa issue för detta
    • Ta olika (extremt) lågpresterande low-end devicer (Android/TV) i beaktande, antal videor att rendera per kategori? Dokumentera i React-issuet eller någon annanstans hur vi ska tänka kring detta.
  • Namnge versionen från denna uppgift "landing-page-v1.0.0" och be @tryklick & @mblomdahl & @OGTor reviewa + approva
OGTor commented

  • 1. Use Figma and make it easily shareable ← https://www.figma.com/file/77wSzKzV4cbKzttKpG4vPw/Untitled?type=design&node-id=0%3A1&mode=design&t=ZcSPPNIUARQPFM7M-1

    • 1.1 Mock-ups på design, hur ser landningssidan ut? Ska se vettigt ut i alla förekommande formfaktorer. 2 varianter för tablet, 2 varianter för desktop, och 4 varianter för mobiler (Android/iPhone, stående/liggande)

    • 1.2 Vilka komponenter behöver sidan? Förmodligen någon yttre container, olika kategorier med videor som horisontalscrollar, och video-previews

      • 1.2.1 Boka ett "grooming-möte 3" och diskutera vilka komponenter som behövs och hur man ska implementera landningssidan i React Native + skapa issue för detta
      • 1.2.2 Ta olika (extremt) lågpresterande low-end devicer (Android/TV) i beaktande, antal videor att rendera per kategori? Dokumentera i React-issuet eller någon annanstans hur vi ska tänka kring detta.

    • 1.3 Namnge versionen från denna uppgift "landing-page-v1.0.0" och be @tryklick & @mblomdahl & @OGTor reviewa + approva

1.2
React Components to implement

  • MainPageComponent
  • CategoryOverviewComponent
    • VideoCategoryPreviewComponent(s)
    • VideoThumbnailComponent(s)
  • Video category component
  • Video preview component

Other things:

  • Data
    • Categories
    • Videos
    • Category Name
    • Videos in each Category
    • Video Title
    • Video Thumbnail image
    • Video Length
    • Video rank
  • 🎉1