Vytvořit jednoduchou aplikaci pro správu úkolů pomocí Vue.js 3 (TypeScript) na frontendové straně a NestJS (TypeScript) na backendu.
Aplikace bude zobrazovat jednoduchý Kanban board se třemi sloupci (To Do, In Progress, Done).
- Zobrazení 3 kanban sloupců reprezentujících stav úkolu.
- Možnost:
- přidat novou kartičku (titulek + obsah),
- upravit existující kartičku (titulek, obsah, stav),
- smazat kartičku.
- Stylování pomocí čistého Bootstrap 5.3, bez dalších knihoven pro UI. Stačí zalinkovat z cdn.jsdelivr.net. Nemělo by být nutné psát vlastní styly.
- REST API pro CRUD operace nad úkoly.
- Každý úkol obsahuje:
idtitlecontentstatus(todo,in-progress,done).
- Uložení dat v databázi: libovolná volba (SQLite, MongoDB nebo PostgreSQL).
- Frontend: Vue.js 3 + TypeScript (např. Vite).
- Backend: NestJS + TypeScript.
- Styling: čistý Bootstrap (bez dalších UI knihoven nebo CSS frameworků).
- Projektová struktura a nástroje:
- Struktura projektu i použití nástrojů pro kvalitu kódu (lint, prettier, testy apod.) je plně na vás.
- Je povoleno využít AI nástroje (Copilot, ChatGPT, Claude apod.).
- README: stručný popis řešení a postup pro spuštění frontendové i backendové části.
- Dockerizace aplikace – připravit
Dockerfilea případnědocker-compose.ymlpro spuštění celé aplikace (frontend + backend + databáze). - Drag & Drop – podpora pro přetahování kartiček mezi sloupci.
- Řazení úkolů ve sloupci – možnost měnit pořadí kartiček.
- Testy – základní unit/integration testy (backend nebo frontend).
- Další vylepšení – validace formulářů, lepší UX, apod.
- Odevzdání formou veřejného GitHub repozitáře.
- Preferuje se optimální poměr mezi časem nutným pro vývoj a množstvím features.
- README musí obsahovat:
- stručný popis řešení a postupu při vývoji,
- postup pro lokální spuštění (Frontend + Backend, případně docker-compose).