Implementace sekce o projektu

[tjerabek]

Technologie: React, Gatsby, TypeScript, Styled-components

Vytvořit komponentu která zobrazuje sekci o projektu. Data lze mít pouze jako mock a napojení na AirTable vyřešíme odděleně.

Jak by komponenta měla fungovat:

• Vytvořit lokalizovaný text header a text description pro 'O projektu' a '8 zapálených dobrovolníku'.
• Vytvořit grid s Avatarama dobrovolníků

Jak by měla komponta Avatar vypadat:

• Kompontat by měla brát img. V případě že není, komponenta by měla zobrazit šedý background
• Měla by brát name a position dobrovolníka, které se na základě propu pozicuje vedla nebo pod Avatarem

Náhled komponenty

Aktuální verze

Aktuální verze se nachází ve Figmě

V případě nejasností se nebojte zeptat zde pod issue nebo na Slacku jednoho z techleadů (@tuanphungcz nebo @HormCodes ). Jeden z nich vám bude k dispozici po celou dobu vývoje. 🙂

[MartinaPiekna]

Ahoj @tuanphungcz ty fotky dobrovolníků budou pak uložené v projektu ve složce images? Pak mám ještě dotaz k této části " které se na základě propu pozicuje vedla nebo pod Avatarem", jak je to myšleno? Bude tam volitelná prop např.: direction a do toho pak třeba hodnota row nebo column?

[tuanphungcz]

cc @HormCodes

[HormCodes]

Ahoj @MartinaHytychova, super dotazy.

Fotky: Data pro tuto komponentu budou pocházet z AirTable (viz data pro stránku Přehled projektů) a můžeš očekávat list objektů { name, role, profilePictureUrl }, takže by neměla vzniknout potřeba ukládat obrázek přímo do repozitáře (to platí na projektu obecně).

Avatar a pozice: Je to přesně jak říkáš. 👍 ... Jedná se o návaznost na #127

[MartinaPiekna]

@HormCodes děkuji za odpověď, budu se snažit to o víkendu dokončit, v týdnu bylo málo času. :)