Přeskočit na obsah
Vlastní produkt

devShark

devShark je moje aplikace pro výuku webového vývoje. Spojuje lekce, kvízy a psaní kódu s automatickými testy. Učit se dá samostatně, v živém zápase nebo společně ve výukové místnosti.

Vlastník produktu a full-stack vývojář
Nezávislý projekt
Aktivní produkt

Kontext
Nezávislý výukový produkt
Role
Vlastník produktu a full-stack vývojář
Stav
Aktivní produkt
Platforma
React a Supabase
Vizuál projektuAutentické rozhraní produktu

O projektu

Chtěl jsem propojit vysvětlení látky s možností hned si ji vyzkoušet. devShark sám vyvíjím a provozuji, včetně výukových funkcí, vyhodnocování kódu a placeného předplatného.

Co umí

  • Lekce a kvízy pro frontend i backend, od HTML a JavaScriptu po React, TypeScript nebo Node.js. Denní plán kombinuje rozpracovanou látku, opakování a něco nového.
  • Programovací úlohy v editoru s automatickými testy. Člověk píše skutečný kód a dostane výsledek, podle kterého může řešení opravit.
  • Denní výzva, XP, série aktivních dnů a žebříčky. Multiplayer nabízí živé zápasy i výukovou místnost řízenou hostitelem.
  • Free a Premium: HTML, CSS a JavaScript jsou dostupné zdarma, předplatné otevírá další lekce a úlohy. Bez přihlášení zůstává postup v prohlížeči, účet ukládá vlastní pokrok.

Na čem to běží

React, TypeScript a Vite na Vercelu. Supabase zajišťuje PostgreSQL, přihlášení a realtime multiplayer. CodeMirror slouží jako editor; JavaScriptové a TypeScriptové úlohy vyhodnocuje server v izolovaném QuickJS. Předplatné řeší Stripe.

Řešíte něco podobného?

Beru vybranou produktovou práci a jsem otevřený seniorním nabídkám. Nejrychleji e-mailem.

Napište mi