Programista React + TypeScript: tworzenie komponentów UI według Figma dla aplikacji desktopowej
Szukamy dewelopera front-end na react + typescript, który wykona szablon ui komponentów według gotowego projektu z figmy dla aplikacji desktopowej.
Zakres pracy
- Około 28 głównych ekranów (według gotowego projektu).
- Szablonowanie prezentacyjnych (czystych ui) komponentów react.
- Responsywność: dla standardowych ekranów pc/laptopów oraz małych laptopów (macbook 13" i podobnych) zgodnie z projektem.
Interfejs powinien być elastyczny i poprawnie dostosowywać się do zmiany szerokości okna (w tym rozmiary przekraczające projekty makiet).
Elementy powinny być przearanżowywane w zależności od dostępnej przestrzeni (na przykład zwiększenie liczby kart w wierszu), bez pojawiania się wizualnych artefaktów i uszkodzeń. - Czyste, wielokrotnego użytku komponenty.
Ważne:
To jest właśnie szablonowanie komponentów, a nie rozwój całej aplikacji. Logikę, stan, integrację komponentów i pozostały rozwój będzie realizował oddzielny deweloper front-end.
Wymagania
- Doświadczenie w rozwoju od 1,5 roku.
- Pewna znajomość react (komponenty funkcyjne, haki) + typescript.
- Doświadczenie w tworzeniu animacji.
- Doświadczenie w pracy z tailwind css i framer motion.
- Doskonały poziom html.
- Doświadczenie w pracy z figma.
- Uwagi na szczegóły, pixel-perfect i czysty, dobrze zorganizowany kod.
- Znajomość git
Stos technologiczny
- javascript/typescript
- react
- tailwind
- sass
- framer motion (do animacji)
- git
- vite
Co należy dostarczyć przy odpowiedzi:
- Linki do działających stron, które stworzyłeś, lub przykłady szablonów komponentów React z Figma.
- Krótko: doświadczenie w szablonowaniu podobnych projektów (ile ekranów/komponentów zrobiłeś).
- Gotowość do wykonania małego płatnego zadania testowego.
Na etapie selekcji przewidziane jest małe zadanie testowe (część rzeczywistego projektu). Test jest wydawany ograniczonej liczbie kandydatów i jest płatny wykonawcy, którego wynik zostanie wybrany.
Zadanie - stworzyć okno dialogowe według makiety w Figma.
Jeśli wynik spełnia wymagania, praca jest akceptowana i płatna, a następnie możliwe jest kontynuowanie współpracy.
Format - bezpieczna transakcja przez platformę freelancową.
Warunki:
- Praca zdalna.
- Projekt będzie podzielony na etapy.
- Koszt projektu jest stały i ustalany z góry przed rozpoczęciem współpracy.
Dodatkowo
- Opis aplikacji i wszystkie niezbędne informacje są dostarczane zaraz po uzgodnieniu.
- Projekt jest dostarczany dopiero po podpisaniu NDA.
-
Cześć! Zrozumiałem, że szukasz dewelopera do stworzenia responsywnych komponentów UI z Figma dla aplikacji desktopowej. Głównym wyzwaniem będzie zapewnienie responsywności interfejsu, aby elementy prawidłowo się przemieszczały w zależności od szerokości okna. Proponuję zrealizować układ z naciskiem na strukturę komponentów, używając React, TypeScript i Tailwind CSS dla szybkości i czystości kodu, a także Framer Motion do animacji. Jeśli chodzi o ryzyka, ważne jest, aby dokładnie zrozumieć, jakie animacje planujesz użyć i jaką responsywność chcesz osiągnąć, aby uniknąć potencjalnych artefaktów wizualnych. Ponadto zalecam omówienie szczegółów zadania testowego przed jego wykonaniem. Ustalmy wymagania bardziej szczegółowo, aby mogłem szybciej przystąpić do pracy.
-
Cześć, pracowałem nad projektem "Interfejs pulpitu SaaS" z tagiem:7748 - stworzyłem 35+ komponentów UI dla aplikacji internetowej z responsywnym układem na różne rozmiary ekranów, w tym MacBook 13". Użyłem React + TypeScript + Tailwind CSS
Ile czasu zazwyczaj zajmuje tworzenie animacji dla okien dialogowych w Framer Motion, i czy planujecie integrację z istniejącym systemem komponentów?
Proponuję się skontaktować, chętnie doradzę Państwu z technicznej strony i wspólnie opracujemy plan rozwoju + opowiem o moim zespole!
-
265 Dzień dobry, piszę w imieniu firmy Devoxen. Specjalizujemy się w Państwa zadaniu. Możemy to zrobić bez zbędnych pytań i strat czasu. Dajemy również gwarancję i na życzenie wsparcie.
-
8589 26 0 1 Zrozumiałem, potrzebujesz specjalisty, który starannie przygotuje czyste, wielokrotnego użytku komponenty UI React + TypeScript według Figma, z naciskiem na responsywność i pixel-perfect, bez wprowadzania logiki biznesowej. Mam doświadczenie w podobnej pracy: robiłem dziesiątki ekranów z Tailwind + Framer Motion, przestrzegam elastycznego układu i poprawnego zachowania komponentów przy różnych szerokościach. Jestem gotów pokazać przykłady i wykonać płatny test (okno dialogowe) w twoim stylu. Mogę szybko się zaangażować i pracować etapami przez bezpieczną transakcję.
-
15075 32 0 1 Dzień dobry!
Nazywam się Walenty, i reprezentuję Arctic Web Agency. Jesteśmy zespołem, który specjalizuje się w tworzeniu nowoczesnych i efektywnych rozwiązań dla biznesu. W wiadomościach prywatnych mogę przesłać przykłady naszych podobnych prac. Jesteśmy gotowi zająć się Twoim projektem!
Z poważaniem
Zespół Arctic Web
Freelancehunt
-
310 Witam! Mogę starannie zrealizować komponenty UI z Figma na React + TypeScript w taki sposób, aby były czyste, wielokrotnego użytku i poprawnie dostosowywały się do różnych rozmiarów desktopowych bez wizualnych błędów. Pracuję z Tailwind, Vite, responsywnym układem i podejściem komponentowym, dlatego mogę przygotować kod, który wasz frontendowy programista łatwo zintegrował w aplikacji. Jestem gotów wykonać płatne zadanie testowe.
-
313 Cześć!
Zajmuję się tworzeniem interfejsów w React + TypeScript (ponad 2 lata), z naciskiem na czyste i wielokrotnego użytku komponenty UI.
Realizowałem projekty o podobnych wymaganiach:
– responsywne interfejsy z "gumowym" zachowaniem (flex/grid z przemieszczeniem elementów)
– komponenty UI bez logiki (do integracji przez innego programistę)
– pixel-perfect według Figma
– animacje za pomocą Framer Motion
…
Używam: React, TS, Tailwind, Vite.
Dobrze rozumiem, jak tworzyć komponenty, które poprawnie zachowują się na szerokich ekranach i nie łamią się przy zmianie rozmiarów.
-
10365 30 0 3 Dzień dobry! Rozwijam w Pythonie, React/Node.js realizowałem podobne projekty, gotowy do współpracy.
-
421 Dzień dobry!
Szybko zrealizuję twoje zadanie.
Łączę frontend + AI, dlatego oszczędzam twój czas i daję rezultat.
Przykłady prac w portfolio.
Doświadczenie 1,5 roku z React.
Gotowy do podjęcia pracy.
-
242 Witaj!
https://smart-hubmvk.com/
https://rokka-site-v2.vercel.app/
Pracuję z React, nowoczesnymi bibliotekami UI i narzędziami, w tym Tailwind CSS. Tworzę responsywne, wydajne i uporządkowane aplikacje internetowe i zwracam dużą uwagę na jakość kodu,
Dokładne wykonanie specyfikacji i aktywna komunikacja.
Stale doskonalę swoje umiejętności, jestem otwarty na nowe technologie i gotowy na ciekawe wyzwania.
Będę zadowolony z możliwości wykonania nowego zadania!
-
1385 6 1 Dzień dobry, Aleks!
Aby dokładniej ocenić projekt, proszę o wyjaśnienie:
1. Czy są jakieś specyficzne wymagania dotyczące animacji, które należy uwzględnić podczas opracowywania?
2. Czy należy używać jakichkolwiek specyficznych bibliotek lub frameworków do stylizacji, oprócz wymienionych?
Moje podejście do pracy:
1. Dokładnie analizuję makiety w Figma i tworzę elastyczne, responsywne komponenty, które poprawnie wyświetlają się na wszystkich wskazanych rozdzielczościach.
2. Używam Tailwind CSS do stylizacji i Framer Motion do tworzenia płynnych animacji, sprawiając, że interfejs jest nie tylko funkcjonalny, ale i przyjemny dla użytkownika.
… 3. Każdy komponent będzie wielokrotnego użytku i łatwy do zintegrowania, a także będzie zgodny z zasadami pixel-perfect i czystego kodu.
Doświadczenie i przykłady prac:
- Tworzyłem interfejsy dla aplikacji z podobną liczbą ekranów (28+ ekranów), w tym skomplikowane komponenty UI.
Jestem gotów wykonać zadanie testowe, aby zaprezentować swoje umiejętności i podejście do pracy. Proszę o przesłanie makiety okna dialogowego do oceny.
Czekam na Państwa odpowiedź, aby omówić szczegóły projektu i rozpocząć współpracę.
-
234 Cześć! Zapoznałem się z zadaniem, mam doświadczenie w tworzeniu komponentów React + TypeScript z Figma, pracuję z Tailwind, Framer Motion oraz responsywnymi "elastycznymi" układami. Realizowałem podobne zadania z dużą liczbą ekranów i komponentów UI. Jestem gotów wykonać testowe. Mogę przesłać przykłady prac i omówić szczegóły.
-
309 Witaj, od ponad 4 lat nasz mały zespół rozwija rozwiązania internetowe „pod klucz” i mamy znaczące doświadczenie w tworzeniu komponentów prezentacyjnych dla dużych systemów z wykorzystaniem Tailwind i SASS. Zbudujemy logiczną hierarchię twoich 28 ekranów, wdrożymy ścisłą typizację w TypeScript i zapewnimy poprawne działanie kart i list przy zmianie szerokości okna bez żadnych awarii. Nasze doświadczenie przekraczające 4 lata pozwala gwarantować wysoką kulturę produktową, techniczną czystość repozytorium Git oraz pełną gotowość do wykonania płatnego zadania testowego, koniecznie zapoznaj się z naszymi zrealizowanymi projektami: freshagro.com.ua, farfieworldwide.com, rivnekolo.com.
-
184 Dzień dobry, ja i mój kolega od ponad 4 lat profesjonalnie zajmujemy się projektowaniem technicznym oraz składaniem skomplikowanych interfejsów desktopowych, dlatego pomożemy Państwu przekształcić makiety Figma w zestaw niezawodnych i animowanych komponentów React. Realizujemy audyt frontendowy Państwa makiet w celu wyboru optymalnej strategii responsywności, skonfigurujemy Tailwind, aby wspierał elastyczne składanie oraz zapewnimy płynność interfejsu za pomocą Framer Motion. Nasze doświadczenie, trwające ponad 4 lata, potwierdzają udane przypadki tworzenia zestawów UI w TypeScript/Vite, gdzie priorytetem była czystość kodu oraz reorganizacja elementów w zależności od dostępnej przestrzeni, zapoznaj się z naszą jakością wykonania: drkukharevich.rivne.ua, crave-agency.com.ua, jk-solution.com.ua.
-
1246 13 0 3 Witaj, wraz z moim partnerem (projektant + full-stack) od ponad 4 lat specjalizujemy się w tworzeniu wysokiej jakości interfejsów w React i TypeScript, dlatego profesjonalnie zrealizujemy layout Twoich 28 ekranów z naciskiem na "elastyczną" responsywność i Pixel Perfect. Zaprojektujemy architekturę czystych komponentów UI w Figma, aby zapewnić ich pełną ponowną używalność, wdrożymy skomplikowane animacje za pomocą Framer Motion i skonfigurujemy elastyczną siatkę przy użyciu Tailwind CSS dla idealnego wyświetlania na MacBooku 13" i dużych monitorach. Nasze doświadczenie, które wynosi ponad 4 lata, pozwala nam tworzyć strukturalny kod, który łatwo integruje się z front-endowym programistą, co gwarantuje brak wizualnych artefaktów podczas skalowania okna, zobacz nasze prace techniczne: hyperfi.tech, espressolab.com.ua, hudi.com.ua.
-
1088 7 0 Cześć!
Zainteresował mnie Twój projekt. Mam doświadczenie w tworzeniu interfejsów w React (komponenty funkcyjne, hooki), a także pewnie pracuję z HTML/CSS i responsywnym kodowaniem.
Pracowałem z kodowaniem według Figma, zwracam uwagę na szczegóły i czystość kodu. Mam podstawowe doświadczenie z TypeScript, aktywnie rozwijam się w tym kierunku.
Jestem gotów wykonać zadanie testowe i pokazać poziom w praktyce.
Przykłady prac mogę wysłać w wiadomościach prywatnych. Jestem gotów do pracy etapowej i długoterminowej współpracy.
-
1315 2 0 28 ekranów i adaptacja pod macbooka 13" - objętość zrozumiała. Niedawno tworzyłem admin panel na 40+ ekranów, czysto prezentacyjne komponenty na React + Tailwind, animacje na Framer Motion. Pixel-perfect z Figma i responsywność bez artefaktów przy resize - mój zwykły tryb. Linki do żywych projektów i przykłady kodowania dołączę. Gotowy na testowy, okno dialogowe według makiety zrobię. Jedno pytanie: czy w makietach są stany komponentów (hover, focus, disabled) czy to jest omawiane osobno?
-
3082 9 0 Dzień dobry!
Zapoznałem się z TZ - wszystko jest jasno opisane. Stos technologiczny całkowicie się zgadza: React + TypeScript, Tailwind, Framer Motion, Vite, Figma - wszystko w pracy.
28 ekranów z czystymi komponentami do ponownego użycia, pixel-perfect i elastyczna responsywność - zadanie jest jasne. Taki zakres już robiłem.
Jestem gotowy na zadanie testowe.
Przykłady:
https://ai-desk.ai / https://momicro.com
GitHub: https://github.com/axbuglak
Piszcie, omówimy szczegóły.
Z poważaniem, Buglak Aleksiej
-
475 2 0 Witaj! Gotowy omówić i zrealizować Twoje zamówienie.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
-
2092 32 0 Cześć!
Zapoznałem się z zadaniem — format pracy jest całkowicie zrozumiały. Specjalizuję się w tworzeniu komponentów UI w React + TypeScript na podstawie Figma, z naciskiem na czystą architekturę i ponowne wykorzystanie.
Co mogę zagwarantować:
🧩 Podejście komponentowe
• izolowane, wielokrotnego użytku komponenty UI
• zrozumiała struktura (atomiczna / oparta na funkcjach w razie potrzeby)
… • wygodna integracja dla dewelopera, który będzie podłączał logikę
🎯 Pixel-perfect + responsywność
• dokładne odwzorowanie makiet Figma
• "elastyczne" układy bez sztywnych punktów przerwania
• poprawne działanie na dużych ekranach i małych laptopach (w tym 13")
• przearanżowanie elementów (siatki, karty itp.) bez uszkodzeń
⚡ Stos i podejście
• React (hooki) + TypeScript
• Tailwind + w razie potrzeby Sass
• Framer Motion — schludne, nieprzeładowane animacje
• Vite + Git
• czysty, czytelny kod z zrozumiałymi nazwami
🎬 Doświadczenie
• tworzyłem interfejsy z dużą liczbą ekranów (20+), w tym skomplikowane pulpity nawigacyjne
• tworzyłem responsywne systemy komponentów z dynamicznymi układami
• mam doświadczenie w pracy z systemami projektowymi
Jestem gotów wykonać zadanie testowe (okno dialogowe) — bez problemu.
Co do terminów i kosztów:
proponuję podzielić na etapy (według ekranów lub bloków), po obejrzeniu makiet będę mógł dokładnie ocenić zakres.
Będę wdzięczny za zapoznanie się z projektem po NDA i omówienie szczegółów.
Dziękuję!
-
10123 117 0 Cześć.
Jestem programistą NodeJS. Jestem gotów podjąć się tego zadania. Napisz, omówimy.
-
1074 5 0 Witam!
Jestem gotów podjąć się pracy
Cena wyniesie 15 000 zł
Piszcie, będę zadowolony ze współpracy )
-
4508 6 0 Zrobię layout 28 ekranów, czyste prezentacyjne komponenty React. Tailwind z CSS Grid auto-fill do redistribucji kart w szerokości okna, Framer Motion do animacji, propsy typowane przez interfejsy. Gotowe do testów. Czy dla kart jest minimalna szerokość w makiecie, czy liczba kolumn jest stała według breakpointów?
-
258 Dzień dobry! Zapoznaliśmy się z Państwa projektem, mamy odpowiednie doświadczenie. Jesteśmy gotowi wykonać wysokiej jakości kodowanie komponentów React według Figma z zachowaniem pixel-perfect i responsywności.
Co możemy zaoferować:
• Kodowanie komponentów UI w React + TypeScript
• Czysta architektura i wielokrotnego użytku komponenty
• Responsywne "elastyczne" kodowanie dla różnych rozdzielczości
• Poprawne działanie interfejsu przy zmianie szerokości
• Animacje w Framer Motion
• Tailwind / SCSS (zgodnie z wymaganiami projektu)
… • Staranna praca z marginesami, typografią i stanami
Doświadczenie:
• Kodowaliśmy złożone interfejsy (ponad 20 ekranów)
• Tworzyliśmy UI na desktop z adaptacją do różnych rozmiarów okien
• Pracowaliśmy z Figma, Git, Vite
Jesteśmy gotowi wykonać zadanie testowe i szybko zaangażować się w projekt.
Nasza strona: https://benefit-it.net/
Z poważaniem Benefit Studio
-
7575 13 0 Witam, mam potrzebne doświadczenie, zrobię bez problemu, oto odpowiedzi na pytania:
1) Kilka linków
https://zem.center/
https://chess-217-154-170-186.nip.io/
2) Dziesiątki projektów i setki ekranów, zarówno całkowicie robiłem aplikacje webowe, jak i tworzyłem pojedyncze komponenty ze storybookiem i przekazywałem dalej
3) Mogę wykonać płatny test
Na wszelki wypadek, mój git https://github.com/onyx144
-
1024 2 0 ✌️ Cześć
• Jestem seniorem programistą z ponad 8-letnim doświadczeniem
👉 Zadanie jest jasne — kodowanie komponentów UI według Figma dla aplikacji desktopowej na React + TypeScript
• Jeśli chcesz zaoszczędzić swój czas i nerwy, jestem tym programistą, którego szukasz.
👉 Ostatnie projekty: billionbahis.com, isolar.com.ua, mevis.ua, take-transfer.com
Gotowy do wykonania zadania testowego.
Nie widzę żadnego powodu, dla którego nasza współpraca nie mogłaby się udać 🤝
-
1013 21 0 Dzień dobry! Jestem gotów rozpocząć od razu po uzgodnieniu warunków. Jestem programistą React z ponad 4-letnim doświadczeniem. Mam na swoim koncie doświadczenie w tworzeniu aplikacji React (Next.js) o różnym stopniu skomplikowania i skali. W tym również - systemów dashboardowych. W produkcji znajduje się obecnie kilka projektów, które stworzyłem, na przykład https://good-divorce.vercel.app/ - stworzony z pomocą Next.js. Mam również dashboard napisany z pomocą Material UI, ale dostęp jest ograniczony, więc niestety nie mogę podać linku. W wymaganiach zauważyłem tailwind - właśnie w ciągu ostatnich 2 lat pracuję z nim w 90% projektów. Musimy się określić - używać go czy SASS, ponieważ nie widzę sensu w łączeniu tych technologii. Mam również doświadczenie z framer-motion, bardzo wygodna biblioteka do aplikacji React.
Będę zadowolony ze współpracy :)
-
3071 11 0 1 Cześć, Aleks!
Jestem gotów dołączyć do projektu jako programista React + TypeScript. Mam doświadczenie w tworzeniu komponentów UI na podstawie Figma dla aplikacji desktopowych, z naciskiem na czystą architekturę i responsywny "elastyczny" układ.
Krótko o doświadczeniu:
Tworzyłem interfejsy na 20–40+ ekranów (pulpity, SaaS, panel administracyjny)
Pracuję z Tailwind, SCSS, Framer Motion (animacje i mikrointerakcje)
Pixel-perfect, dbałość o szczegóły, staranna struktura komponentów
Uwzględniam skalowanie interfejsu (szerzej niż makieta, różne rozdzielczości)
…
Co robię:
Czyste, wielokrotnego użytku komponenty UI
Responsywny i "elastyczny" układ bez artefaktów
Poprawne podział na komponenty pod dalszą integrację
Animacje za pomocą Framer Motion
Przygotowanie do wygodnej pracy innego programisty frontendowego
Pracuję z Git, Vite, przestrzegam zasad nazewnictwa i struktury projektu.
Jestem gotów wykonać płatne zadanie testowe.
Tutaj możesz zobaczyć kilka z moich projektów:
1. https://6weeks.marketing/
2. https://grandex.de/
Proponuję omówić szczegóły i przystąpić do pracy!
-
976 4 0 Cześć
Nazywam się Dmitrij
Zapoznałem się z zadaniem - jestem gotów dołączyć do tworzenia komponentów UI w React + TypeScript
Pracuję z takim stosem: React, TypeScript, Tailwind, Framer Motion, Vite. Mam doświadczenie w budowaniu interfejsów na podstawie Figma z naciskiem na pixel-perfect i wielokrotne komponenty
Jak podchodzę do zadania
- tworzę czyste komponenty funkcyjne z zrozumiałą strukturą
- uwzględniam responsywność nie tylko pod kątem breakpointów, ale także rzeczywistej zmiany szerokości (flex/grid, elastyczne układy)
- komponenty są łatwe do skalowania i ponownego użycia
- starannie realizuję animacje za pomocą Framer Motion (bez przeciążenia)
… Realizowałem projekty z ponad 20 ekranami i dużą ilością komponentów UI, dlatego rozumiem, jak utrzymać spójność i nie "łamać" interfejsu podczas skalowania
Gotowość
- jestem gotów wykonać zadanie testowe
- pracuję przez Git (czyste commity, normalny workflow)
- przestrzegam terminów i nie opóźniam etapów
Przykłady prac i komponentów prześlę w wiadomości prywatnej (mam rzeczywiste projekty, nie szablony)
Jestem gotów omówić szczegóły i przystąpić do pracy
-
842 3 0 Dzień dobry. Zainteresował mnie wasz projekt. Każdego dnia pracuję z tym stosem, oto przykłady moich prac:
https://acacia-studio-astro-v611.vercel.app/
https://vanshare.pl/
https://delicio-ai.vercel.app/
Wszystkie strony zostały w pełni opracowane przeze mnie. Jestem gotów wykonać test. Czekam na odpowiedź.
-
93843 1268 1 10 Witam. Pracuję z React/Node.js od ponad 9 lat. Jestem gotowy do współpracy.
-
Вітаю. Ви вже вчетверте постите це завдання. І жодного закінченого проєкту.
Хотілось би все ж побачити ваш макет.
Прошу надати деталі, якщо вас цікавить виконання проєкту.Дякую за увагу.
-