Snad každý druhý web v dnešní době nějakým způsobem sbírá emailové adresy pro další marketingovou komunikaci. V této kodérské výzvě budete mít za úkol nakódovat sekci s newslettrem.

Start projektu

Tento projekt nemá žádný startovací repozitář. Každý z vás tedy bude mít za úkol rozjet projekt samostatně.

Technologie

Tento projekt nemá specifikovány žádný konkrétní technologie. Vyber si ty, které jsou tvoje oblíbené nebo které se chceš naučit. Doporučujeme však Vue nebo React.

Design

Celý blog je nadesignován ve Figmě. Odkaz najdeš zde.

Zadání

Jedná se o standardní sekci s newslettrem. Sekce se skládá z titulku, krátkého popisku, formuláře pro sběr adresy, tlačítka pro odeslání a tlačítka pro odsouhlasení podmínek.

Co je důležité, tak nezapomeňte, že pole pro sběr emailové adresy musí splňovat základní validace e-mailové adresy. To znamená, že formulář nemůže jít odeslat, aniž byste nezadali e-mail nebo zadali e-mail v nesprávném tvaru. Stejně tak uživatel musí souhlasit s podmínkami, aby mohl formulář odeslat.

Podmínky používání můžete zobrazit v modálním okně nebo na samostatné stránce (nemusíte vypisovat dlouhé texty podmínek, stačí, když použijete výplňový Lorem Ipsum text).

Poznámka

Samotné odesílání newsletteru na mail ani ukládání do databáze již v tomto úkolu neřešíte.

Ať je pro tebe zadání jakkoli složité, tak to hned nevzdej. Nemusíš udělat úplně všechno, ale minimálně se o to pokus. Pokud nevíš, tak hledej na netu, pomáhej si s AI (Chat GPT, Copilot...), napiš nám na Discord o radu. Případně využij možnosti konzultace v našem Premium programu. Každý kdo programovat už ví, se to naučil jen díky trpělivosti, zkoušením a svým chybám.

Naopak, pokud se ti zadání zdá být jednoduché, tak zkus jej doplnit o další prvky, přidej animace, vylepší podle tvého nápadu.

Uživatelé, kteří vypracují tuto kodérskou výzvu a jsou součástí premium programu, tak dostanou od týmu ForDevs na svou práci code-review. Zjistíte tak, co by se dalo udělat lépe a budete mít náskok před ostatními.