Přeskočit na obsah
Root Element

Softwarové studio v Brně · vývoj na zakázku

Všechno na stránce vychází
z jednoho elementu

Jsme softwarové studio z Brna. Stavíme webové aplikace a AI funkce, od rozhraní, které vidí uživatelé, po API a databáze pod ním. Pracujeme v iteracích, takže výsledek vidíte průběžně.

<html><body><div id="root"><App /><Header />1280GET /apidb
Obr. 1 Strom stránky od kořenového uzlu po rozhraní a data.

Služby

Čtyři větve jednoho stromu

Děláme webové aplikace, AI funkce, obchody na Shopify i software na zakázku. Stavíme na Reactu a Node.js, takže jednotlivé části do sebe zapadají.

01

Vývoj webových aplikací

Postavíme webovou aplikaci celou, od rozhraní v Reactu po API a databázi v Node.js. Převezmeme i rozpracovaný kód a dostaneme ho do stavu, kdy se dá bezpečně měnit.

  • Velké tabulky, dashboardy a mapy
  • API, databáze a napojení dalších systémů
  • Testy, CI a refaktoring po malých krocích
Více o vývoji webu
<App /><Header /><List /><Button />1280720
Obr. 2 Strom komponent a to, co vykreslí.

02

AI funkce a agenti

Přidáme do vašeho produktu asistenta nebo automatizaci postavenou na jazykových modelech. Nástroje běží s právy přihlášeného uživatele a model dostane jen kontext, který pro daný krok potřebuje.

  • Asistenti a chat přímo v aplikaci
  • Vytěžování dat z dokumentů a obrázků
  • Testování agentů a kontrola jejich oprávnění
Více o AI funkcích
<Assistant />LLMuser scopetool()tool()tool()resulttool()
Obr. 3 Asistent, model a jeho nástroje v mezích práv uživatele.

03

Obchody a aplikace na Shopify

Stavíme vlastní aplikace pro Shopify, slevy a rozšíření checkoutu i šablony obchodů. Převádíme obchody z jiných platforem a napojujeme objednávky na další systémy.

  • Vlastní aplikace a widgety v obchodě
  • Shopify Functions a rozšíření checkoutu
  • Migrace na Shopify a napojení objednávek
Více o vývoji pro Shopify
<Store />themeappcheckoutfunctionsAdmin API
Obr. 4 Obchod jako strom: šablona, aplikace, checkout a funkce pod jedním kořenem.

04

Software na míru

Když hotový produkt nestačí, postavíme software přesně pro váš proces. Začneme tím, co potřebujete dnes, a necháme místo pro to, co přijde potom.

  • Rozbor zadání a návrh rozsahu
  • Frontend i backend z jedné ruky
  • Vývoj v iteracích s průběžnými ukázkami
Napište nám
<App /><Module /><Module /><Module /><Module />apidb
Obr. 5 Moduly v jednom rámu, pod jedním kořenem.

Zkušenosti

Vybrané projekty a naše role

Ukázky produktů, na kterých jsme pracovali, a konkrétní rozsah naší práce. Klienty nejmenujeme.

  1. 01

    Analytika tísňových volání, USA

    Analytický modul platformy pro linky 911: velké datové tabulky s agregací na serveru a virtualizací řádků, dashboardy a mapové pohledy. Jedna stránka postavená celá, od dotazů v Postgresu a Databricks po rozhraní.

    Technologie

    • React
    • TypeScript
    • Google Maps
    • PostgreSQL
    • Databricks
  2. 02

    Právní e‑billing, USA

    Full stack na Next.js, NestJS a PostgreSQL. Převzali jsme AI asistenta: nástroje běží pod přihlášeným uživatelem a načítají se, až když si o ně model řekne. Pevný kontext každého požadavku tím klesl odhadem o 60 %. K tomu unit testy a CI pro web.

    Technologie

    • Next.js
    • NestJS
    • PostgreSQL
    • Vercel AI SDK
    • Gemini
  3. 03

    Enterprise headless CMS

    Přístupnost celého produktu na úroveň WCAG 2.1 AA, v týmu frontendových vývojářů. S kontrolami axe a vizuálními testy v Playwrightu.

    Technologie

    • React
    • Playwright
    • axe-core
  4. 04

    Střešní firma

    Architektura frontendu a pravidla pro MVP, které vzniklo s pomocí AI. Štítkování fotek a vytěžování faktur pomocí LLM, ve dvou vývojářích.

    Technologie

    • React
    • Claude Code
    • LLM
  5. 05

    SaaS pro kontrolu gramatiky

    Většina aplikace včetně backendu: API na Fastify, Prismě a PostgreSQL, crawler na Crawlee a kontroly směrované podle jazyka do LanguageTool nebo GPT-4o-mini.

    Technologie

    • Fastify
    • Prisma
    • PostgreSQL
    • Crawlee
  6. 06

    Právní AI a fintech

    Frontend a streamované chatové rozhraní LLM nástroje pro advokáty. Základ aplikace pro provize v platformě devíti aplikací na Next.js.

    Technologie

    • Next.js
    • React
    • LLM
  7. 07

    Pharmatech

    Nová struktura frontendu v Reactu, kód přesouvaný po malých krocích a end-to-end testy.

    Technologie

    • React
    • TypeScript
  8. 08

    E-commerce

    Vlastní aplikace pro Shopify, Shopify Functions a rozšíření checkoutu, migrace obchodů na Shopify a napojení objednávek v Djangu.

    Technologie

    • Shopify
    • React
    • Django

Postup

Od zadání k nasazené aplikaci

Nejdřív navrhneme strukturu, potom stavíme komponenty. Vyvíjíme v iteracích, takže hotové části vidíte průběžně a můžete měnit směr.

  1. 01 kořen

    Zadání

    Probereme, co má software dělat, pro koho a v jakém rozsahu. Výsledkem je zadání, na kterém se shodneme.

  2. 02 struktura

    Architektura

    Navrhneme strukturu aplikace, datový model a API. Na těchto rozhodnutích stojí celý další vývoj.

  3. 03 komponenty

    Vývoj v iteracích

    Stavíme po menších částech a po každé iteraci vám ukážeme, co funguje. Podle toho upravíme další krok.

  4. 04 vykreslení

    Nasazení a péče

    Aplikaci spustíme do provozu a dál ji udržujeme. Opravy a nové funkce přidáváme stejným postupem.

Obr. 6 Jeden strom ve čtyřech fázích stavby.

<html>1:1Root Element2023Brno49.19° N 16.61° E1:1ReactNode.js
Obr. 7 Popisové pole výkresu. Root Element, Brno, 2023.

O nás

Jmenujeme se po prvním elementu stránky

Root Element jsme založili v roce 2023 v Brně. Jsme softwarové studio a stavíme webové aplikace a software na zakázku. Název pochází z vývoje webu. Kořenový element je prvek, ze kterého vycházejí všechny ostatní prvky stránky. V HTML je to <html>.

Zaměřujeme se na dvě technologie, React a Node.js. Frontend i backend tak píšeme ve stejném jazyce a celou aplikaci máme v jedněch rukou. Pracujeme v iteracích a hotové části vám ukazujeme průběžně.

Stále větší část naší práce jsou funkce nad jazykovými modely: asistenti v aplikacích, vytěžování dat a agenti s omezenými právy.

Napište nám