Freyb/cooltix-frontend-challenge

Cooltix - Frontend Kihívás

A kihívás célja a frontend fejlesztési készségeid tesztelése.

• kódolási stílus
• React framework és technológiák ismerete
• UI/UX készségek

A kihívás

A kihívás során egy tagokat megjelenítő alkalmazást kell elkészítened.

Megjelenés

Az alkalmazás megjelenését a következő Figma wireframe alapján kell elkészítened.

Fontos megjegyezni, hogy ez csak egy prototípus. Szeretnék látni, hogy milyen ötleteid, fejlesztéseid vannak a termék UI-ával kapcsolatban, szóval nyugodtan fejleszd tovább a wireframe-et új funkciókkal, animációkkal, vizuális megjelenéssel, stb.

A logo megegyezik az ebben a repoban használttal.

Termék követelmények

• tagok listázása
• szűrés államok alapján
• keresés név alapján
• rendezés vezetéknév vagy keresztnév alapján
• általad összerakott Member details oldal, amely egy tag részletes adatait jeleníti meg
• navigáció, mely egy tag kártyájára kattintva a részletes oldalra visz
• töltési nézet, amég az adatok be nem töltődnek az API-ról

API

• Az alkalmazáshoz szükséges GraphQL backendet ezen az URL-en éred el: https://frontend-challenge.dev.cooltix.com
• A linket böngészőben megnyitva a GraphQL Playground segítségével körbejárhatod az adatstruktúrát és tesztelheted az API működését.
• A frontend az API–hoz tetszőleges GraphQL kliensen keresztül (Apollo Client, Relay, stb.) kapcsolódhat.

Tech követelmények

• React (bármilyen általad választott React alapú megközelítést használhatsz: Next.js, Create React App, stb.)
• Code Linter
• TypeScript [bónusz pont]
• CSSinJS: styled-components, emotion, stb. [bónusz pont]

Instrukciók

• Klónozd a repot és töltsd fel a saját git fiókodba.
• Hozz létre egy cooltix nevű branchet és ide dolgozz.
• Készíts el egy működő, szépen struktuált megoldást.
• Commitolj gyakran munka közben, mert a megoldási folyamatra is kíváncsiak vagyunk.
• Készíts egy pull/merge requestet a master branchbe, amikor elkészültél.
• Telepítsd ki valahova a projectet és a linket küldd el a válasz emailben.
• Próbálj meg 7 nap alatt végezni a kihívással, de ha több időre lenne szükséged, akkor szólj nyugodtan!

A megoldás beküldése

Amikor végeztél a feladattal küldj egy emailt a dev@cooltix.hu címre a következő információkkal:

• Tárgy: [Frontend Kihívás] A Neved
• Link a repositoryhoz.
• Link a működő oldalhoz.

Kérdések

Ha bármilyen kérdésed vagy javaslatod lenne, akkor küldj nekünk egy emailt a dev@cooltix.hu címre.