O recreare necomercială a suprafeței de joc Sudoku.com, construită cu Web Components native. Atributele de date DOM expun starea vizibilă, iar cererile propagate și evenimentele direcționate coordonează actualizări granulare fără framework UI sau DOM virtual.
Frontend
Frontend work here spans application architecture, component systems, accessibility, styling, and the build tooling that connects them.
This topic is populated through curated implications from concrete skills such as React, Angular, and Vanilla Extract.
Etichete asociate
Proiecte (1)
Proiecte de portofoliu (13)
Chrome ExtensionUniversity of Southampton
Noiembrie 2015 - Ianuarie 2016
Southampton, Regatul Unit
-
Obiectiv: Crearea unui utilitar de urmărire și colectare de statistici pentru Google Chrome, aplicat proiectelor civice precum Zooniverse.
-
A stat la baza unei Chrome Extension cu scopul de a urmări comportamentul și statisticile unui utilizator în timp ce participă la proiecte de citizen science, atât pentru obiective personale (statistici, urmărirea timpului), cât și pentru statistici globale (importante atât pentru cercetare, cât și pentru îmbunătățirea platformei).
Potrivire prin AngularJS
-
Crowdsourcing PlatformUniversity of Southampton
Iunie 2015 - Noiembrie 2015
Southampton, Regatul Unit
-
Obiectiv: Aplicarea gamificării proiectelor de crowdsourcing pentru a observa schimbările de performanță în prezența unui stimulent diferit de câștigul monetar
-
Am construit un proiect de crowdsourcing pentru descrierea imaginilor, bazat pe principiile gamificării pentru a stimula participanții (potrivirea a două persoane care trebuie să își coordoneze descrierea imaginii prezentate pentru a progresa).
Potrivire prin AngularJS
-
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
Potrivire prin Vanilla Extract
Hackscience FrontendHackscience
Ianuarie 2017 - Ianuarie 2018
Londra, Regatul Unit
- Două iterații ale aplicației frontend Hackscience
- Aplicația originală a fost prototipată într-o săptămână
- A doua iterație poate funcționa atât ca Progressive Web Application, cât și ca versiune nativă pentru toate platformele desktop și mobile
- Complet offline după încărcarea inițială a datelor
Potrivire prin React
- CLI și catalog de module compozabile pentru instalarea instrucțiunilor și skill-urilor AI local în repository.
Potrivire prin React
- Utilitar desktop pentru extragerea rapidă a clipurilor din videoclipuri mai lungi, fără a transforma o sarcină scurtă într-un proiect de editare video.
Potrivire prin React
- CLI pentru mai multe jocuri, care descoperă instalări Steam și gestionează triplete complete de moduri Unreal Engine.
- Păstrează căile specifice jocurilor în spatele adaptoarelor, folosind în comun instalarea arhivelor și comportamentul de activare/dezactivare.
Potrivire prin React
- CLI interactiv pentru instalarea, activarea și dezactivarea tripletelor de moduri pentru The Forever Winter.
Potrivire prin React
- Adapter pentru stocarea stării atomilor jotai în query strings (query parameters)
- Folosit pentru a construi Rotation App (printre altele)
Potrivire prin React
- 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
Potrivire prin React
- 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).
Potrivire prin AngularJS
- 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.
Potrivire prin AngularJS
- Software live și colaborativ pentru mind-mapping / structurarea ideilor. Util pentru brainstorming ad-hoc cu persoane aflate la kilometri distanță.
Potrivire prin AngularJS