2024

Etichete asociate

Proiecte de portofoliu (11)

  • Whitelabel Design SystemPlatform24

    Ianuarie 2024 - Septembrie 2025

    București, România

    Design system complet personalizabil pentru fiecare partener

    • Permite personalizarea completă, de la culorile de brand și sistem până la maparea semantică a variabilelor către fațetele componentelor
    • Construit integral cu Vanilla Extract pentru a scrie cod complet type-safe și pentru a expune doar CSS generat la momentul build-ului
    • Folosește pachetul ESLint Logical Properties și React ARIA pentru accesibilitate.

    Flux unificat de la UX la Dev

    • Variabilele de design și mapările de variabile pentru primary color -> surface background sunt importate direct din figma
    • Variabilele, mapările și contractele sunt integrate direct în pachetele publicate
    • Devii folosesc variabile semantice și nu au acces la primitive sau mapări
    • Funcții de export asociate cu CSS layers pentru a fi folosite de DS sau aplicații

    Folosește cele mai recente tehnici CSS

    • Folosește CSS Layers pentru a delimita straturi clare de cascadă între reset, colecțiile de variabile, framework (design system) și stilurile aplicației.
    • Folosește CSS Containers pentru a încapsula stilurile și a crea componente și layout-uri cu adevărat responsive
    • CSS Variables și culorile și mapările specifice partenerilor sunt calculate și randate pe server

    Configurare modernă de Monorepo

    • Instrumentație completă pentru monorepo construită cu Yarn Plugins
      • Generare TSConfig
      • Configurare ESLint
      • Configurare Vite
      • Verificări ale dependențelor
      • Impunerea dependențelor
      • Configurarea pașilor paraleli Gitlab CI
      • Versionarea pachetelor cu Yarn
      • Impunerea și automatizarea mesajelor de commit + instrumente
    • Configurare Gitlab CI pentru build, lint, testare și publicarea oricărui număr de pachete atunci când este necesar
    • Instrumente de configurare locale și CI pentru registry-uri npm private cu scope
    • Creat ca soluție auto-fix pentru transformarea codului obișnuit, neaccesibil, în cod accesibil RTL
    • Implementează reguli pentru înlocuirea proprietăților direcționale cu proprietăți CSS Logical (margin-right în margin-inline-end)
    • Implementează quick fixes pentru toate problemele găsite (auto-fix la salvare traduce CSS obișnuit în text accesibil RTL)
    • Adapter pentru stocarea stării atomilor jotai în query strings (query parameters)
    • Folosit pentru a construi Rotation App (printre altele)
    • Aplicație web creată pentru urmărirea rotațiilor echipelor: pentru un grup de persoane responsabile de o anumită sarcină pentru o perioadă de timp, urmărește cine este responsabil în prezent și oferă o modalitate simplă și accesibilă de a face ajustări, fie din mers, fie în profunzime.

    • Folosește parametri de interogare drept strat de date: informațiile sunt stocate chiar în link; prin urmare, aplicația este autonomă, nu depinde de servicii externe și nu este responsabilă pentru încălcări privind consimțământul / PII

    • Split Toolbars Fork al addon-ului oficial pentru toolbar; suportă mai multe dropdown-uri combinate într-o singură variabilă globală

    • Mirror Preview Reflectă stiluri sau scripturi din canvas iframe-ul Storybook în manager (Storybook Interface)

    • Theme Overrider Modalitate simplificată de a suprascrie stilurile implicite ale canvas-ului Story și Doc, precum și interfața storybook dacă este folosit împreună cu Mirror Preview Addon.

    • Instrument ZSH creat pentru a sincroniza schemele de culori între emulatoare de terminal precum wezterm, alacritty și editoare / instrumente de terminal precum nvim și tmux, precum și maparea tastelor între emulatoarele de terminal.
    • Funcționalitatea principală este implementată ca un CLI bazat pe NodeJS
    • Proiectul este expus ca plugin ZSH pentru a fi folosit cu manageri populari de plugin-uri
    • Companion pentru jocuri video care includ un sistem de crafting, creat pentru a urmări rețete din ce în ce mai complexe, astfel încât crafting-ul să poată fi împărțit în pași logici, cu materialele necesare la fiecare pas și o reprezentare vizuală a procesului
    • Deții toate datele (stocate local), cu un sistem de import/export
    • Designul este construit pentru a se adapta de la ecrane mari la particularitățile mici ale dispozitivelor mobile cu notch
    • CLI modular Open Source, creat pentru a simplifica monorepo-urile typescript
    • Creat pentru a (re)genera toate fișierele tsconfig.json pentru un monorepo Typescript dat, la scară largă
    • Folosește configurații modulare care pot fi suprascrise, definite fie la nivel de rădăcină, fie la nivel de workspace
    • A câștigat primul loc la Startup Weekend Southampton 2014.
    • Un startup creat în cadrul unui hackathon.
    • Proiectul nostru a fost o platformă pentru crearea de jocuri multiplayer care foloseau mai multe dispozitive pentru a crea o singură suprafață de joc (de exemplu, jucai ping-pong pe o suprafață care se întindea între două smartphone-uri).
    • A câștigat Summerhacks Hackathon în Timișoara în 2013.
    • Management automatizat al software-ului / installer pentru Raspberry Pi.
    • Util pentru instalarea / ștergerea / activarea de la distanță a software-ului pe un Raspberry Pi conectat la internet.
    • Un simulator de fizică WebGL bazat pe web. A fost abandonat atunci din cauza performanței tehnologiei.

Experiență (2)

  • React & GraphQL TrainerJSLeague

    Noiembrie 2018 - Prezent

    București, România

    • Susțin ateliere despre ecosistemele ReactJS și GraphQL, de la subiecte de bază, precum ES6 și Typescript, până la subiecte avansate, precum Docker, în funcție de disponibilitatea și experiența participanților.
    • Până acum am susținut mai multe ateliere de o zi, de seară și de două zile, de la cursuri introductive de ReactJS până la ateliere despre ES6, Docker, GraphQL și React Hooks.
    • Am susținut un atelier împreună cu Modex despre construirea de aplicații Blockchain cu ReactJS.
  • Software EngineerPlatform24

    Decembrie 2023 - Septembrie 2025

    București, România

    Responsabil pentru aplicația destinată pacienților din platforma de sănătate a companiei

    • Aplicația web principală
    • Design System
    • Aplicația React Native

    Responsabilitățile mele în cadrul echipei și în întreaga companie includ

    • Mentenanța și modernizarea aplicației principale pentru pacienți
    • Mentenanța și dezvoltarea aplicației React Native pentru pacienți
    • Securitatea și auditarea aplicațiilor web și native pentru pacienți
    • Construirea și menținerea unei soluții embedded pentru servicii și aplicații în aplicațiile gazdă ale clienților (FDC)
    • Asigurarea și susținerea personalizării whitelabel a aplicației pentru pacienți
    • Colaborarea cu partenerii pentru integrarea cerințelor externe
    • Mentenanța și eficientizarea testării, build-urilor și deployment-urilor
    • Documentația externă pentru API-uri externe și SDK-uri embedded (FDC)

    Inițiativele personale includ, dar nu se limitează la

    • Dezvoltarea și promovarea internă a whitelabel design system
    • Instrumente și pipeline-uri reutilizabile pentru monorepo-uri care pot atât publica pachete, cât și face deployment pentru Apps / MFEs (un exemplu perfect este design system)
    • Stabilirea și aplicarea fluxului corect de dezvoltare a componentelor (UX -> DS -> Apps / MFEs)
    • Eliminarea treptată a sistemelor și proceselor de build moștenite
    • Restructurarea responsabilității asupra codului, proceselor și atribuțiilor

Construit și întreținut de Sabin Marcu

(2025 -2026)

Experimente