Stránka „ABC“ je věnována projektu zaměřenému na trénink rychlosti a správnosti psaní na klávesnici. Nabízí různé nástroje a cvičení, které uživatelům pomáhají zlepšit jejich dovednosti v této oblasti. Hlavním cílem je zvýšit efektivitu a přesnost při psaní. Projekt je výsledkem spolupráce několika vývojářů a designérů, kteří se zaměřují na vytváření kvalitních vzdělávacích aplikací.
Projekt „ABC“ jsme vytvořili v rámci kurzu vývoje webových stránek. Cílem bylo navrhnout a realizovat webovou aplikaci. Pracovali jsme jako tým vývojářů a designérů, kde jsme si rozdělili úkoly od návrhu uživatelského rozhraní přes programování až po testování. Projekt kombinuje různé cvičení a analytické nástroje pro sledování pokroku. Výsledkem je uživatelsky přívětivá platforma pro efektivní trénink psaní.
Nejprve se musíte zaregistrovat. Po registraci můžete začít psát. Když začnete psát, spustí se časomíra a musíte přepsat určenou část textu. Jakmile ji dokončíte, časomíra se zastaví a uloží váš výsledek. Můžete tak sledovat svůj pokrok a postupně se zlepšovat. V záložce "Můj profil" můžete sledovat své skóre, dobu strávenou psaním a zobrazit osobní informace jako e-mail, jméno a příjmení.
Projekt „ABC“ nabízí širokou škálu funkcí, které uživatelům umožňují zlepšovat své psaní efektivně a zábavně. Mezi hlavní funkce patří různorodá cvičení, personalizované tréninky a soutěže či výzvy. Cvičení jsou navržena tak, aby pokrývala různé úrovně obtížnosti, od základních lekcí zaměřených na jednotlivé klávesy, až po pokročilé texty, které simulují skutečné situace, jako je psaní e-mailů nebo článků.
vytvořil frontend webových stránek pomocí technologií jako je Tailwind CSS, Next.js a Framer Motion. Pro styling použil Tailwind CSS, který mu umožnil rychle vytvářet a spravovat styly. Framework Next.js poskytl prostředí pro tvorbu statických i dynamických webů s podporou server-side renderingu. Kromě toho integroval knihovnu Framer Motion pro plynulé a esteticky příjemné animace. O použití shadcn není mnoho informací, ale pravděpodobně se jedná o interní nástroj či rozšíření, kterému tato osoba dala přednost.
se zaměřil na backend webových stránek. Použil technologie jako PHP a MySQL pro vytvoření a správu databáze. Pracoval s PHP pro serverovou logiku a komunikaci s databází MySQL, což mu umožnilo dynamicky generovat obsah stránek a zpracovávat uživatelské požadavky. Pro nasazení webu zvolil platformu hostinger.com, která poskytuje hostingové služby a umožňuje jednoduché nasazení webových aplikací.
se specializuje na grafický design a navrhuje uživatelské rozhraní webové stránky. Navrhl grafický design stránky, včetně rozvržení, barev, typografie a vizuálních prvků. Dále vytvořil logo pro samotnou stránku, které reprezentuje její identitu a charakter. Jeho práce spočívala v tom, jak efektivně kombinovat estetiku a funkčnost, aby vytvořil přitažlivý a uživatelsky přívětivý design.