Photo

Petr Cibulka

Senior front-end developer (React/Next.js)

English
Praha & Remote

Jsem front-end vývojář a pracuji s Reactem (Next.js). Vytvářím přístupné a uživatelsky přívětivé produkty pro web.

Během 11 let zkušeností s vývojem jsem pracoval jako front-end inženýr ve startupech nebo tech lead v různých kulturních organizacích, nebo jako vlastník digitálního produktu.

Dostupný od Říjen 2024

Co používám teď

  • Javascript
  • TypeScript
  • React
  • Next.js
  • UX
  • Tailwind CSS
  • Unit tests
  • GraphQL
  • CSS
  • MDX
  • SEO
  • Apollo client
  • Contentlayer
  • ESLint
  • Figma
  • Git
  • Material UI
  • Node.js
  • Orval
  • REST Api
  • Sanity CMS
  • Storybook
  • TanStack Query
  • TypeDoc
  • Vercel
  • Vite
  • Webpack

Vybrané projekty

Relevantní zkušenosti

  • Apitree – Zákaznický portál pro E.ON (energetika)

    • Front-end 2023 – Aktuálně

    Odpovědnost: Vytvořit robustní front-end pro zákaznický portál pro E.ON (energetika) v týmu 5 vývojářů. Dodávka řešení, které zvládá komplexní logiku aplikace pro 1,5 milionu uživatelů.

    Úspěchy: Knihovna UI komponentů použitých napříč aplikací. Balík komplexních funkcionalit (jako jsou např. platby) s důrazem na UX a performance.

    www.apitree.cz
    • TypeScript
    • React
    • Next.js
    • Material UI

  • Dotu – Plánovací aplikace pro divadla

    • Vedoucí front-endu 2020 – 2023
    • Front-end 2019 – 2020

    Odpovědnost: Vytvořit špičkový robustní front-end s důrazem na uživatelskou zkušenost, přístupnost a možnost rozšíření. Postavit architekturu komponentů a designový systém.

    Úspěchy: Dotu UI se používá ve 4 aplikacích, které postupně rostou. Aplikace používají významná divadla v České republice.

    www.dotu.cz
    • TypeScript
    • React
    • Next.js
    • CSS
    • Contentlayer
    • REST Api

  • After Russia – Demokratická opozice v Rusku

    • Tech lead 2022 – Aktuálně

    Odpovědnost: Spoluzaložil jsem projekt, vytvořil jsem jeho web (Next.js a MDX). Stanovil jsem pracovní postup publikování, automatizační nástroje. Pokračuji jako tech lead a vedoucí týmu sociálních sítí. Občas napíšu článek.

    Úspěchy: Stabilní tým 30+ dobrovolníků po celém světě. Pravidelné publikování. Rostoucí dosah k evropskému publiku: skrz publikace i účast na konferencích.

    www.after-russia.org
    • TypeScript
    • React
    • Next.js
    • CSS
    • Contentlayer
    • Figma

  • Tetris – Open-source hra v prohlížeči

    • Osobní projekt 2023

    Plně optimalizované pro dotykové displeje. 🍭 Trošku návykové.

    www.github.com/cibulka/react-tetris-ts
    • TypeScript
    • React
    • CSS
    • Vite

  • Dr-Abe – Full-stack development v trojčlenném týmu

    • Full-stack developer 2016 – 2017

    Odpovědnost: Full-stack webová řešení, postavená většinou na PHP redakčních systémeach. Vedení projektů pro kulturní organizace (například Pražský filharmonický sbor).

    Úspěchy: Zdárné spuštění 10+ projektů, z nichž jsem některé vedl.

    www.dr-abe.cz
    • CSS
    • PHP
    • WordPress

  • Na volné noze – Full-stack webová řešení

    • Full-stack developer 2014 – Aktuálně

    Odpovědnost: Řešení s důrazem na udržitelnost a dobré UX pro uživatele i jejich vlastníka. Nejdřív jsem používal WordPress, později Next.js s redakčním systémem.

    Úspěchy: Spuštění 30+ projektů, především pro kulturní organizace. S některými jsem zůstal v dlouhodobé spolupráci. Moderoval jsem technickou sekci WordCamp Prague.

    • React
    • Next.js
    • CSS
    • PHP
    • WordPress

  • Tvar – Největší literární magazín v České republice

    • Tech lead 2014 – 2017

    Odpovědnost: Přivést časopis do digitální světa skrz stabilní a udržitelný proces. Navrhovat nové formáty ideální pro online. Vytvořit digitální předplatné.

    Úspěchy: Spuštění robustního webu s novými formáty: Podkasty, online revue, veřejná hlasování, kulturní zpravodajství, networking. Digitální archiv předchozích čísel s full-text vyhledáváním. Digitální předplatné zdvojnásobilo obrat časopisu.

    www.itvar.cz
    • CSS
    • PHP
    • WordPress

Vzdělání

  • Divadelní fakulta Akademie múzických umění – DAMU

    • Divadelní produkce 2010 – 2014
    www.damu.cz

  • Masarykova Univerzita – MUNI

    • Filmová teorie 2008 – 2009
    • Teorie nových médií 2008 – 2009
    www.muni.cz

Co jsem používal

  • jQuery
  • PHP
  • SCSS
  • WordPress
  • Gulp
  • Redux

Co se učím

  • Supabase
TetrisE-mailZavolatMůj životopis