Webová aplikace Dokončeno

Z vědomostí
digitální produkt.

Školní e-shop pro digitální počítačové kurzy. Od prvního výběru přes registraci až po nákupní proces — rozhraní a databáze jako jeden celek.

Typ projektu
Školní fullstack projekt
Moje role
Frontend & backend
Technologie
JavaScript, Node.js, MySQL
Stav
Dokončeno
Ilustrační schéma funkčnosti, nikoli screenshot e-shopu

Naučit se víc než stavět stránky.

Cílem bylo vytvořit funkční simulaci e-shopu a propojit jednotlivé části webové aplikace od rozhraní po databázi.

Zvolil jsem digitální kurzy zaměřené na počítače. Návštěvník si může prohlédnout nabídku, vytvořit účet a projít nákupním procesem. Projekt vznikl při studiu jako příležitost vyzkoušet si vývoj většího celku.

Jednotlivé funkce. Jeden celek.

Rozhraní pracuje s daty z backendu. JavaScript zajišťuje interakce a Node.js propojuje požadavky s MySQL databází, která spravuje uživatele a produkty.

  • Katalog digitálních kurzů

    Nabídka a detail produktu pomáhají návštěvníkovi pochopit, co si vybírá.

  • Registrace a přihlášení

    Uživatelský účet je propojený s databází a tvoří základ práce s přihlášeným zákazníkem.

  • Nákupní proces

    Jednotlivé kroky výběru a objednávky na sebe navazují pomocí dynamických funkcí v JavaScriptu.

  • Propojení aplikace s databází

    Frontend, serverová logika a MySQL spolupracují při správě uživatelů a produktů.

Zkušenost s celou aplikací.

Výsledkem je dokončený školní projekt, na kterém jsem si vyzkoušel, jak spolu souvisí vzhled stránky, práce s daty a serverová logika.

Největší posun pro mě byl přechod od samostatných funkcí k ucelenému systému. Změna v jedné části aplikace se promítá do dalších — a právě to mě naučilo přemýšlet nad projektem jako celkem.

Projekt představuje školní simulaci prodeje digitálního obsahu. Není prezentován jako provozovaný obchod s reálnými zákazníky.
Máte podobný nápad? Pojďme ho probrat
Další projekt

Star Wars ve 2D

Zvětšená ukázka projektu