Projekt: ToDo List

Jan 12, 2026

Březen 2026

Tento projekt byl zaměřený na práci s daty a persistencí v prohlížeči. Úkolem bylo vytvořit ToDo aplikaci, která po obnovení stránky neztratí stav.

Hlavní cíl: zvládnout localStorage a oddělit datovou logiku od vykreslení.

O co v projektu jde

Organizér úkolů s rozdělením do projektů:

• Vytváření úkolů s detaily (název, termín, priorita).
• Třídění úkolů do samostatných projektů.
• Uložení dat do localStorage.

Hlavní technologie: Local Storage a JSON

Protože localStorage ukládá jen text, data se ukládají přes JSON.stringify() a načítají přes JSON.parse(). V projektu jsem použil i date-fns pro práci s daty.

// Ukázka ukládání dat
function saveToStorage(projects) {
	// Převedeme pole objektů na řetězec
	localStorage.setItem("todoProjects", JSON.stringify(projects));
}

// Načtení dat při startu
function loadFromStorage() {
	const data = localStorage.getItem("todoProjects");
	return data ? JSON.parse(data) : [];
}

Co jsem si odnesl

• Praktické použití localStorage v menší aplikaci.
• Lepší organizaci datových modelů a renderu.
• Základ pro aplikace, které potřebují persistentní stav bez backendu.

GitHub: projekt todo list