Myšlenka

Nápad na shopsmartly.ch mě napadl během zkušebního dne. Tam jsem si uvědomil, jak digitální řešení mohou usnadnit každodenní život. Maminka se mě často ptala, jestli by se nákupní seznamy daly udělat „chytřejší“ – to mě inspirovalo.

Chtěl jsem vytvořit webové stránky, které by automaticky třídily články, nabízely návrhy a byly snadno použitelné. Nápad dokonale zapadal do mého zájmu o technologie. Dnes stránky používá sama moje matka – což mi ukazuje, že jsou skutečně užitečné.

Chyby a funkce

Užitečnou funkcí je localStorage, která zajišťuje, že články zůstanou zachovány i při opětovném načítání – jednoduché, ale efektivní.

Přetahování pro změnu pořadí článků bylo složitější. Integrace s funkcí ukládání byla ošemetná, ale teď to funguje dobře.

Jednou z chyb bylo, že se smazané články po opětovném načtení znovu zobrazovaly. Problém spočíval v lokálním úložišti a po testování se mi ho podařilo opravit.

Nasazení

Příbuzný mi pomohl s publikováním mých webových stránek. Ukázal mi, jak nahrát na server stránku, kterou jsem si sám naprogramoval, a zpřístupnit ji veřejnosti. Během toho jsem se hodně naučil o hostingu serverů.

Také mi pomohl zaregistrovat mou vlastní doménu a správně ji prolinkovat. Díky tomu web vypadal profesionálněji a pochopil jsem, jak domény fungují v zákulisí. Tato zkušenost mi ukázala, že vývoj webu je víc než jen programování.

Krok 1

Do pole „Přidat položku“ zadejte položku ze supermarketu, například „Apple“. Poté klikněte na tlačítko „Přidat“. Otevře se kategorie obsahující zadanou položku.

Krok 2

Návrhy od Chatgpt se zobrazí pod kategorií. Kliknutím na jednu z nich ji přidáte do nákupního seznamu. Pokud jste do stejné kategorie přidali více položek, dvakrát klepněte na ikonu „📋“ a zobrazí se všechny.