miscer / todo-app Goto Github PK

Vytvor webovú aplikáciu pre ToDo zoznamy vo frameworku React.

Požadovaná funkcionalita:

• Vytvorenie ToDo zoznamu (môže ich byť viac)
  ToDo zoznam obsahuje:
  • názov
  • ToDo itemy
• Pridanie ToDo itemu do zoznamu
  ToDo item obsahuje:
  • titulok
  • voľný text
  • deadline (dátum a čas)
• Zmazanie ToDo itemu
• Označenie ToDo ako dokončený
• Filtrovanie itemov (všetky, aktívne, dokončené)
• Vyhľadávanie ToDo itemov v rámci zoznamu
• Perzistencia ToDo zoznamov pomocou externej API (napr. mockapi.io)

Minimálne technologické požiadavky:

• TypeScript
• pokročilé React konštrukcie (functional components, hooks, data management)
• viaceré routy aplikácie
• manažované formuláre (react-hook-form alebo formik)
• validácia používateľských dát pomocou zod, joi, alebo yup
• práca s HTTP pomocou fetchAPI alebo Axios
• rozumné štruktúrovanie zdrojových kódov aplikácie

Odporúčaný technologický stack:

• Next.js alebo create-vite react-ts
• TailwindCSS + HeadlessUI alebo daisyUI
• react-hook-form
• ReactQuery

Podstránky a rozloženie aplikácie nechávame na tebe

Webovú aplikáciu je potrebné nasadiť napr. na netlify.com, githubpages.com

Pri kódení sa zameraj hlavne na čistotu kódu a využívanie správnych vzorov, štýlov, funkcií a princípov jazyka.