- Cíle tohoto cvičení jsou:
- příprava SPA administrace pro modul uživatelů (a zbyde-li čas i modul výplat)
- nastylování administrace pomocí Tailwindcss podle ilustračního vzoru níže*
- K dispozici je interaktvní Dokumentace API se vzory payloadů a odpovědí pro public a JWT-protected endpointy na doméne (https://interview-test.digital.cz)
- Povoleno je doinstalovat libovolný node module dle potřeby a použítí čehokoliv, co je existující součástí projektu:
- heroicons - Doporučeno - (heroicons jsou použity i v ilustračních návrzích)
- Nuxt 3 - (Podrobná znalost není v našem případě důležitá, zde nám slouží k rychlému tvoření stránek s implicitním routováním)
- Tailwindcss - Doporučeno ke stylování FE komponent
- axios - Možné použití axios clienta
- Projektová dokumentace - Silně doporučeno její pečlivé přečtení
- Na root stránce / vidím výpis uživatelů
- (GET na https://interview-test.digital.cz/api/users endpoint)
- (funkcionalitu filtrů / řazení / stránkování není potřeba řešit, protože není na zkušebním API implementováno)
- nad výpisem uživatelů mohu přidávat, upravovat, nebo mazat uživatele
- ať už pomocí modálových oken nebo vlastní stránku detailu
- formuláře pro přidání / úpravu mají základní FE validace
- Rozložení a UI prvky jsou nastylované přibližně podle vzoru 👇
(sloupce a formulářové prvky odpovídají parametrům dokumentace API) - V postranní navigaci vidím odkaz na výpis uživatelů a odkaz na přihlášení
- Stránka přihlašení je dostupná na routě /login
- Přihlašovací formulář odesílá email & password s nově vytvořeným uživatelem na https://interview-test.digital.cz/api/auth-token endpoint
(Ilustrační vzor není vyžádováno plnit "pixel-perfect" - slouží k inspiraci layoutu a UI prvků, doporučujeme se soustředit více na interaktivitu a logiku.)
- Po přihlášení je uživatel přesměrován na modul výplat - salary endpointy vyžadují ověření pomocí JWT tokenu
- S načteným JWT tokenem se nám v postranním menu ukáže odkaz na modul výplat na routě "/salary"
- Základní responzivní stylování
- Podle času implementovat obdobné funcionality modulu uživatelů do modulu výplat
