Przekształć dostarczony projekt Figma w w pełni responsywny, gotowy do produkcji frontend dla Laravel 1
# ✅ Specyfikacja techniczna – Figma → Laravel Blade Frontend (z TailwindCSS, Alpine.js, Vite)
### Cel
Przekształcenie dostarczonego projektu Figma w w pełni responsywny, gotowy do produkcji frontend dla projektu Laravel 11+.
---
## Technologie (Wymagane)
* Laravel 11+ (tylko szablony Blade)
* TailwindCSS 3+
* Alpine.js 3+
* Vite 5+ (wtyczka Laravel Vite)
* HTML5 / Responsywny układ
---
## Zakres pracy
1. Przekształcenie wszystkich ekranów Figma w szablony Blade o idealnej zgodności pikselowej.
2. Wdrożenie stylizacji przy użyciu tylko TailwindCSS 3+.
3. Wdrożenie małych zachowań UI przy użyciu Alpine.js 3+, w tym:
* rozwijane listy
* modale
* przełączniki
* menu mobilne
* zakładki / złożone bloki
4. Zapewnienie pełnej responsywności dla desktopów, tabletów i urządzeń mobilnych.
5. Eksport i dołączenie wszystkich SVG i obrazów z Figma.
6. Użycie Vite do kompilacji i ładowania wszystkich zasobów (CSS/JS).
7. Tworzenie częściowych komponentów Blade dla powtarzających się elementów UI.
8. Ścisłe przestrzeganie projektu zgodnie z dostarczonym (odstępy, kolory, typografia).
---
## Wymagania
* Pełny zestaw responsywnych szablonów Blade odpowiadających Figma 1:1.
* Stylizacja TailwindCSS w pełni zastosowana.
* Interakcje Alpine.js zintegrowane.
* Zasoby skompilowane przez Vite połączone i działające.
* Wielokrotnego użytku częściowe komponenty Blade tam, gdzie to potrzebne.
1. strona główna z wyszukiwarką
2. strona wyników wyszukiwania, tam gdzie filtr
3. strona profilu firmy + podstrony.
Załączniki 10
-
15 dni2000 PLN
1632 16 0 1 15 dni2000 PLNCześć! Doskonały wybór stosu. Pracuję codziennie z Laravel 11, Tailwind i Alpine.
Moje podejście:
Oparte na komponentach: Stworzę wielokrotnego użytku komponenty Blade (, ) zamiast kopiować i wklejać kod. To sprawia, że projekt jest łatwy w utrzymaniu.
Pixel-Perfect: Zwracam szczególną uwagę na odstępy i typografię w Figma.
Czysty JS: Cała interaktywność (modale, rozwijane menu) będzie obsługiwana przez Alpine.js (bez ciężkiego jQuery).
Vite: Odpowiednia konfiguracja dla HMR i budowania zasobów.
… Szacunkowy koszt:
Ponieważ buduję swoją reputację tutaj, oferuję konkurencyjną stawkę.
Gotowy do rozpoczęcia od razu. Proszę o przesłanie linku do Figma!
-
40 dni12 000 PLN
246 40 dni12 000 PLNCześć.
Projekt wygląda jak pełnoprawny interfejs produktu na poziomie SaaS z dużą ilością stanów, tabel, filtrów, podstron i responsywnych scenariuszy.
Z zrzutów ekranu już widać, że to nie "3 strony", a dziesiątki unikalnych stanów UI, a praca wymaga starannego układania komponentów Blade, stylów Tailwind i interakcji na Alpine.js.
Aby poprawnie ocenić terminy i budżet, potrzebuję dostępu do makiety Figma — zrzuty ekranu nie pozwalają ocenić zagnieżdżenia stron, punktów przerwania, mikrowzajemności i struktury komponentów.
Co zapewnię:
1:1 realizację Figma w szablonach Blade;
stylizację Tailwind bez odchyleń;
interaktywność Alpine.js (modale, dropdown, zakładki, rozwijalne itd.);
poprawną strukturę komponentów Blade;
… responsywność na urządzenia mobilne/tablety;
kompilację Vite całego projektu.
Po przeglądzie Figma przygotuję dokładną wycenę etapów (zwykle dzielę na Stronę główną, Wyszukiwanie, Profil firmy + podstrony).
Jestem gotów rozpocząć po uzyskaniu dostępu do makiety.
-
15 dni2000 PLN
9888 67 0 15 dni2000 PLNWitam! Wykonam Twoje zadanie szybko i jakościowo. Przekształcę projekt w gotową stronę na Laravel
Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę pracować dzisiaj. Będę zadowolony ze współpracy z Tobą!
-
7 dni2000 PLN
1328 6 0 7 dni2000 PLNCześć!!!
Mam doświadczenie w takich projektach, jestem programistą Full Stack i spokojnie mogę być Frontend dla Ciebie, ponieważ mój stos technologiczny to: HTML5, Vite, TailwindCSS, React, Alpine, Blade
Moja cena: 2000 PLN, termin: 7 dni + poprawki
Skontaktuj się ze mną
-
15 dni1950 PLN
200 15 dni1950 PLNWitam Stanisław,
Mam niezbędne doświadczenie do tej pracy.
Obecnie jestem otwarty na współpracę.
Proszę o kontakt, omówimy szczegóły i ceny.
==================================================================
Oferuję usługi składania (HTML/CSS/JS) oraz integracji na WordPress.
Czyste responsywne składanie, optymalizacja, niestandardowe motywy.
-
24 dni9000 PLN
396 24 dni9000 PLNCześć!
Nazywam się Aleksiej, reprezentuję grupę deweloperów – NC-1.
W naszej drużynie jest specjalista (frontend, middle) z niezbędnym doświadczeniem i wiedzą, której potrzebujesz. Stos technologiczny: Laravel 11+, Blade, TailwindCSS 3+, Alpine.js 3+, Vite 5+, Figma
Co wchodzi w zakres pracy:
Pełne dopasowanie do projektu w Figma (pixel-perfect)
Responsywność dla 3 rozdzielczości (desktop, tablet, mobilny)
Wszystkie interaktywne elementy na Alpine.js
Optymalizowane SVG i obrazy
Czysta struktura szablonów Blade z komponentami
… Gotowość do integracji z backendem Laravel
Przykłady: https://1drv.ms/b/c/b7a0d31a9dae1bc5/IQCpK38gmEvWT6F_Cso40Li-AXAKkSs-J67mCwll-C732pw?e=v4VVF5
Z poważaniem,
Aleksiej M.
-
15 dni2000 PLN
1542 7 0 15 dni2000 PLNCześć! 👋
Zajmuję się tworzeniem nowoczesnych i responsywnych stron internetowych "pod klucz" — od projektu i kodowania po uruchomienie i podstawowe SEO.
Pracuję z czystym kodem (HTML, CSS, JS) oraz WordPress, Webflow, dobieram rozwiązania do konkretnego projektu i budżetu.
- Opracowanie struktury i logiki strony
- Projekt w nowoczesnym stylu (lub według Twojego szablonu)
- Responsywne kodowanie dla wszystkich urządzeń
- Podłączenie formularzy, animacji, wielojęzyczności
- Optymalizacja SEO (tytuł, opis, słowa kluczowe)
- Ustawienie domeny, hostingu
-
15 dni2000 PLN
1066 7 0 15 dni2000 PLNCześć!
Jestem gotów zająć się responsywnym kodowaniem według twojego projektu Figma w Laravel 11+ (Blade, TailwindCSS, Alpine.js, Vite).
📌 Dlaczego nadaję się do tego projektu:
Potrafię kodować dokładnie według makiety (pixel perfect).
Pracuję z TailwindCSS 3+, Alpine.js 3+, Vite i Blade.
… Tworzę czystą strukturę komponentów Blade, aby kod był łatwy do utrzymania.
Realizuję interaktywność: rozwijane listy, modale, zakładki, akordeony, mobilne menu.
Przygotowuję w pełni responsywne kodowanie dla wszystkich urządzeń.
Ikony SVG eksportuję z Figma poprawnie.
Przestrzegam wszystkich odstępów, kolorów i typografii z makiety.
🛠️ Co od ciebie będzie wymagane:
Link do Figma + krótka lista ekranów.
Jestem gotów zacząć od razu po omówieniu szczegółów.
Będę zadowolony, mogąc wykonać projekt jakościowo i w terminie!
-
10 dni3000 PLN
1117 4 0 10 dni3000 PLNCześć!
Przekształcę Twój Figma w responsywny, gotowy do produkcji frontend, używając Blade, Tailwind i Alpine. Każdy ekran zostanie przekształcony w czysty szablon Blade, a ja stworzę wielokrotnego użytku komponenty dla powtarzających się części, aby przyszłe aktualizacje były proste.
Podłączę Vite do kompilacji zasobów i upewnię się, że modale, rozwijane menu i menu mobilne działają płynnie na wszystkich rozmiarach ekranów. SVG i obrazy zostaną wyeksportowane z Figma i zoptymalizowane pod kątem szybkiego ładowania.
Jedna rzecz, którą mogę zasugerować, to mały plik tokenów projektowych Blade, który pozwala na zmianę kolorów i odstępów w jednym miejscu, dzięki czemu zmiany w marce lub tryb ciemny mogą być wprowadzone w ciągu kilku minut.
https://oscarstories.com
https://bedtimestory.ai
…
Dziękuję!
-
15 dni2000 PLN
202 15 dni2000 PLNWitam!
Mam na imię Polina. Zapoznałam się z waszym projektem i bardzo mnie zainteresował. Będę w stanie zrealizować wszystko na wysokim poziomie. Zrobię to szybko i jakościowo. Podaję 15 dni, ale prawdopodobnie zrobię to szybciej.
-
21 dni2000 PLN
2060 25 0 21 dni2000 PLNDzień dobry. Jestem gotowy do pracy po omówieniu szczegółów.
Mam doświadczenie w pracy z szablonami blade, tailwind 3/4. Trochę pracowałem również z Apline. Wiele razy konfigurowałem vite. Jeśli macie już starker kit, nie będę miał problemów z jego użyciem. Tworzę czysto, pixelperfect, responsywnie, wielobrowarowo, walidacyjnie, niezawodnie, w zielonej strefie googlepagespeed. Używam nowoczesnych podejść i narzędzi.
Piszcie w wiadomościach prywatnych, dokładniej omówimy projekt.
-
10 dni2000 PLN
162 10 dni2000 PLNDzień dobry.
Z zainteresowaniem zapoznałam się z Twoim projektem. Jestem pewna, że mogę wykonać efektywną i wysokiej jakości pracę zgodnie z Twoimi wymaganiami i oczekiwaniami. Mam ponad 8-letnie doświadczenie. Jestem gotowa omówić szczegóły i przystąpić do pracy. Czekam na Twoją odpowiedź.
-
7 dni2000 PLN
242 7 dni2000 PLNWitaj!
Mamy zespół, pracujemy szybko, niezawodnie i jakościowo
https://smart-hubmvk.com/
Napisz prywatnie, dogadamy się!
-
21 dni2000 PLN
1856 10 1 21 dni2000 PLNDzień dobry. Zainteresowało mnie Państwa zamówienie. Pracuję w web development od ponad 10 lat, w Laravel piszę od ponad 6 lat. Proszę pisać w wiadomościach prywatnych w celu omówienia szczegółów.
-
7 dni5000 PLN
12862 4 2 7 dni5000 PLNSzanowny Zespole Rekrutacyjny,
Jestem bardzo zainteresowany Państwa projektem przekształcenia projektu Figma w w pełni responsywny frontend Laravel Blade. Mam silne doświadczenie w pracy z Laravel 11+, szablonami Blade, TailwindCSS, Alpine.js i Vite, i jestem pewny, że mogę dostarczyć implementację idealnie odwzorowującą projekt 1:1.
Specjalizuję się w tłumaczeniu układów Figma na czyste, dobrze zorganizowane szablony Blade, budowaniu komponentów wielokrotnego użytku oraz zapewnianiu pełnej responsywności na komputerach stacjonarnych, tabletach i urządzeniach mobilnych. Używam TailwindCSS do precyzyjnego stylizowania i Alpine.js do lekkich interakcji UI, takich jak rozwijane listy, modale, menu mobilne i zakładki. Wszystkie zasoby są optymalizowane za pomocą Vite, aby utrzymać szybkie czasy ładowania i nowoczesne procesy budowania.
Dla Państwa projektu mogę dostarczyć wszystkie trzy wymagane strony:
1. Główna strona startowa z wyszukiwarką
2. Strona wyników wyszukiwania z filtrami
… 3. Strona profilu firmy ze wszystkimi podstronami
Wszystkie ekrany będą w pełni responsywne, czysto zorganizowane i zaimplementowane z użyciem części/komponentów Blade tam, gdzie to potrzebne dla łatwości utrzymania.
Jestem osobą zwracającą uwagę na szczegóły, rzetelną i zaangażowaną w dostarczanie wysokiej jakości, gotowego do produkcji kodu frontendowego. Chętnie podejmę współpracę i rozpocznę pracę od zaraz.
Dziękuję za poświęcony czas i rozważenie mojej kandydatury.
Z poważaniem,
-
10 dni2000 PLN
321 1 10 dni2000 PLNWitam.
Rozumiem, że Twoim celem jest przekształcenie szczegółowego projektu Figma w w pełni responsywny, gotowy do pracy frontend Laravel Blade przy użyciu TailwindCSS, Alpine.js i Vite. Przetłumaczę każdy ekran z idealną precyzją do piksela, stworzę komponenty Blade, które można wykorzystać ponownie, oraz zrealizuję wszystkie niezbędne interakcje interfejsu użytkownika za pomocą lekkiej logiki Alpine, aby projekt pozostał czysty i efektywny. Mój proces pracy zapewnia zoptymalizowane zasoby, płynne zachowanie responsywne na różnych urządzeniach oraz łatwą do utrzymania strukturę, która odpowiada najlepszym praktykom Laravel 11. Jeśli będziemy współpracować, dostarczę dopracowany, skalowalny frontend, który będzie odpowiadał Twojemu projektowi Figma 1:1 i będzie gotowy do integracji z backendem.
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 11 godzin 41 minut temu ∙ 25 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 245 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 20 godzin 41 minut temu ∙ 89 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 2 godziny temu ∙ 18 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 21 godzin temu ∙ 28 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 3 dni 1 godzina temu ∙ 18 ofert |