Figure Life
Web Design

Figure Life

smallhtmljscssnetlify functions

Mini aplikace pro hledání kariérního směru. Někteří z nás mají spoustu zájmů a spoustu profesí které aktivně zkoušejí..a někteří z nás jsou naopak zaseknutí v práci která je nebaví ale nevědí kterým směrem se posunout. tato jednoduchá knihovna profesí s mini projekty k jejímu otestování, vytváří prostor pro testování a analýzu svých zájmů a schopností. Není potřeba se nad tím dlouze zamýšlet, klikněte na jakoukoliv kartičku a začněte objevovat.

Kariérní lab — 66 profesí, 66 malých experimentů · Code by Barca
CODE BY BARCAPERSONAL DEV & DESIGN LAB

// Projektový zápis · Career exploration

Co kdyby práce
byla jiná?

Kariérní lab je malý interaktivní experiment pro chvíli, kdy člověk ví, že chce změnu, ale ještě neví, kterým směrem se vydat. Místo rozhodování podle názvu pozice nabízí 66 profesí a malé projekty, na kterých si lze část práce nejdřív vyzkoušet.

66profesí k objevení
5×hodnocení každého úkolu
7pracovních oblastí
0nutných rozhodnutí předem
01 / IDEA

Nejdřív si práci zkus.
Pak teprve vybírej.

Kariérní změna se snadno zredukuje na seznam názvů pracovních pozic, požadavků a kurzů. Jenže název sám o sobě moc neřekne o tom, co člověk bude během běžného dne skutečně dělat — a jestli mu takový způsob práce bude vyhovovat.

Cílem proto nebylo vytvořit další katalog povolání. Chtěla jsem připravit jednoduchý prostor pro zkoušení: otevřít kartičku, objevit konkrétní mini projekt a na chvíli si představit, jaké by bylo podobné úkoly řešit v praxi.

Jeden malý úkol nemusí rozhodnout o celé kariéře. Může ale napovědět, co stojí za to prozkoumat dál.
↗
01 / Objevování

66 profesí bez předčasného filtrování

Kartičky nejprve skrývají název, aby první dojem nevycházel jen z prestiže nebo očekávání spojených s konkrétní pozicí.

⌁
02 / Zkoušení

Malý projekt místo dlouhého popisu

Po otočení karty se objeví praktické zadání s konkrétním cílem a doporučenými nástroji. Nápad je začít v malém, ne simulovat celou pracovní pozici.

✳
03 / Reflexe

Hodnocení vlastního zážitku

Po dokončení lze ohodnotit náročnost, zábavnost, jak úkol šel, zájem do budoucna a chuť zkusit něco podobného. Poznámka zachytí to, co čísla neřeknou.

⌘
04 / Souvislosti

Statistiky, které pomáhají hledat vzorce

Výsledky se promítají do souhrnu profesí a pavučinového profilu pracovních oblastí — například kreativity, analýzy nebo organizace.

02 / EXPERIENCE

Malý experiment.
Žádný tlak na dokonalost.

Rozhraní je záměrně jednoduché: tmavý podklad, žlutý akcent, jasné karty a minimum kroků mezi zvědavostí a samotným úkolem. Není potřeba projít všech 66 profesí najednou. Jedna karta za den je stejně platný začátek jako delší průzkum.

Hodnocení nejsou psychologický test ani automatický verdikt o tom, co má člověk dělat. Jsou to osobní poznámky, které postupně pomáhají odlišit jednorázový dojem od opakujících se preferencí.

Osobní zkušenost

Co mi konkrétní úkol dal?

Pět škál od 1 do 5 zachycuje různé stránky zážitku. Náročnost se drží odděleně — obtížný úkol může být zároveň zajímavý a motivující.

Pracovní profil

Jaký typ práce se opakuje?

Profese jsou orientačně rozdělené do sedmi oblastí: analýza a data, technika a logika, kreativita a tvorba, komunikace a vztahy, organizace a procesy, praktické a prostorové dovednosti, podpora a péče.

Souhrn je vodítko k dalšímu zkoumání, ne nálepka. Výsledek může ovlivnit i to, jak dobře bylo zadání napsané, jaké nástroje člověk zná nebo kolik času na něj měl.

03 / BEHIND THE SCENES

Jedna stránka.
Online data jen tam, kde jsou potřeba.

Frontend zůstává jednoduchý: aplikace je postavená v HTML, CSS a JavaScriptu bez velkého frameworku. Kartičky, hodnocení i statistiky běží v prohlížeči. Serverová část je přidaná pouze kvůli tomu, aby si uživatel mohl dobrovolně uložit výsledky online a vrátit se k nim později.

ProhlížečHTML · CSS · JavaScript
Karty, formulář, grafy a lokální režim
→
Netlify FunctionMalá serverová funkce
Kontrola přístupu a validace dat
→
Netlify BlobsTrvalé úložiště
Profily a hodnocení v JSON

Bez profilu se hodnocení ukládají do localStorage daného prohlížeče. Pokud si uživatel vytvoří dobrovolný online profil, data se posílají přes Netlify Function do Netlify Blobs. Pro běžné používání není potřeba spravovat vlastní server ani databázový server.

04 / TECH STACK

Proč právě Netlify Blobs?

Pro tento rozsah projektu by samostatná databáze a vlastní backend znamenaly další infrastrukturu na správu. Netlify Blobs umožnilo zůstat u stávajícího hostingu a přidat jen malou serverovou vrstvu, která stojí mezi veřejnou stránkou a uloženými daty.

Blobs je spravované úložiště typu key–value. V tomto projektu slouží k ukládání malých JSON objektů s profily a hodnoceními. Není to relační databáze a nesnaží se jí být — aplikace nepotřebuje složité dotazy ani vztahy mezi velkým množstvím tabulek.

HTMLCSSVanilla JavaScriptNetlify FunctionsNetlify BlobslocalStorageJSON
Jednoduchost

Bez vlastního backendového projektu

Serverovou funkci provozuje Netlify. Není potřeba nasazovat samostatnou aplikaci ani spravovat běžící server.

Oddělení odpovědností

Frontend se nedotýká úložiště přímo

Klient posílá požadavky funkci, která kontroluje vstup a teprve potom pracuje s Blobs. Přístupové tajemství není vložené do HTML.

Malý datový model

Stačí klíč a hodnota

Pro osobní profily a sadu hodnocení je JSON objekt dostačující. Není potřeba databázový server s relačním modelem.

Praktický kompromis

Jednoduché, ne neomezené

Blobs se hodí pro menší data a jednoduché ukládání. Není určený pro složité dotazování nebo intenzivní souběžné úpravy. Pro větší provoz by návrh potřeboval další ochrany a promyšlenější datový model.

Datová oblast: úložiště v tomto projektu je nakonfigurované do regionu eu-central-1 (Frankfurt). Konkrétní kvóty, účtování a podmínky se mohou měnit, proto je potřeba je sledovat v aktuálním tarifu Netlify. Blobs je infrastrukturní detail projektu — hlavní hodnotou Kariérního labu zůstává samotný experiment a způsob práce s výsledky.

05 / WHAT'S NEXT

Co je hotové — a co zůstává otevřené.

Kariérní lab je funkční experiment, ne hotový kariérní poradce. Jeho smyslem je pomoci začít a sbírat vlastní zkušenosti, ne slíbit přesnou odpověď na otázku, jaká práce bude člověku vyhovovat.

  • 66 profesí s konkrétními mini projekty, které lze zkoušet vlastním tempem.
  • Pětibodové hodnocení, poznámky a statistický přehled pracovních oblastí.
  • Lokální režim bez profilu a dobrovolné online ukládání přes obnovovací kód.
  • Jednoduchá architektura postavená kolem statické stránky a jedné serverové funkce.
  • Další směr rozvoje: vyladit zadání podle reálného používání, zpřesnit kategorizaci profesí a lépe pracovat s opakovanými zkušenostmi, nevyvozovat závěry z jediného úkolu.

Nejdůležitější další krok není přidat co nejvíc funkcí. Je to zjistit, jestli malé praktické úkoly opravdu pomáhají člověku lépe pojmenovat, co ho zajímá a jaký typ práce chce zkusit dál.

// Vyzkoušej si to

Nemusíš mít jasno.
Stačí začít jednou kartou.

Otevři Kariérní lab, vyber si profesi, která tě něčím zaujme, a vyzkoušej její mini projekt. Výsledek nemusí být dokonalý — důležité je, co se o své preferenci dozvíš.

CODE BY BARCA · PERSONAL DEV & DESIGN LABCAREER LAB / PROJECT ARTICLE · 2026

ukázka

otočte libovolnou kartičku a pusťte se do projektu