Frontend Development Task – Business & E-Commerce Website (Directus CMS)
1483 PLNBuild the first iteration (7 pages) of a responsive business website whose content will be managed in Directus CMS. All front-end work is to be done with Vue 3 (Vite) and Tailwind CSS and must reproduce the supplied Figma design pixel-perfect.
Technical Requirements & Stack:
Framework: Vue.js (Vue 3 with Composition API is strongly preferred).
CSS Framework: Tailwind CSS. You must be proficient in using a utility-first approach to match the design.
CMS Integration: All dynamic content (product data, text, images, etc.) must be fetched from our Directus Headless CMS via its REST or GraphQL API.
State Management: Use a modern state management library like Pinia for managing global state (e.g., shopping cart, user authentication).
Routing: Vue Router for handling navigation between pages.
Build Tool: Vite is preferred for its speed and modern architecture.
Nice to Have (but highly valued):
Experience with Nuxt.js for Server-Side Rendering (SSR) or Static Site Generation (SSG) to improve SEO and performance.
Experience with testing frameworks like Vitest for unit tests and Cypress or Playwright for end-to-end tests.
Direct experience with Directus.
Quality Standards & Deliverables (Crucial):
Pixel-Perfect Implementation: The final output must be a visually exact match of the provided Figma design across all specified breakpoints. Mobile and desktop designs are included in the Figma file.
Extreme Responsiveness: The application must be fully responsive and adapt flawlessly from super-small screens (~320px) to super-large screens (2K/4K monitors). Layouts should not break, and usability must be maintained at all sizes.
Clean & Maintainable Code:
Code must be well-structured into logical, reusable Vue components.
Code must be well-commented, especially for complex logic, API integrations, and state management.
Follow best practices for Vue.js and modern JavaScript (ES6+).
Rigorous Testing: The developer is responsible for thorough testing to ensure the application is bug-free and works as expected. This includes:
Cross-Browser Compatibility: Latest versions of Chrome, Firefox, Safari, and Edge.
Cross-Device/OS Compatibility: Windows, macOS, iOS (iPhone/iPad), and Android.
Functional Testing: All interactive elements (buttons, forms, filters, cart logic) must work perfectly.
Performance: The website must be optimized for fast load times (optimized images, code splitting, efficient API calls).
Deliverables:
Access to a Git repository (e.g., GitHub, GitLab) with the complete frontend codebase.
A running version of the application deployed to a staging environment (e.g., Netlify, Vercel) for review.
-
8 dni2034 PLN8 dni2034 PLN
Witaj,
Jestem Full-Stack Developerem gotowym do stworzenia Twojej 7-stronicowej strony internetowej z Vue 3 i Tailwind CSS.
Specjalizuję się w tworzeniu pixel-perfect, responsywnych interfejsów na podstawie projektów Figma. Mam głęboką wiedzę na temat Tailwind CSS i integracji platform headless CMS, takich jak Directus, za pomocą API REST/GraphQL.
Chociaż moim głównym frameworkiem jest React, moja biegłość w nowoczesnej architekturze opartej na komponentach (podobnej do Composition API w Vue) oraz zarządzaniu stanem sprawia, że jestem bardzo skuteczny w tym stosie. Moja wiedza na temat Next.js jest bezpośrednio przenośna na środowisko Nuxt.js, które cenisz.
Zobowiązuję się do dostarczania czystego, dobrze udokumentowanego i dokładnie przetestowanego kodu, spełniającego Twoje wysokie standardy jakości. Możesz obejrzeć moje portfolio na www.revazgoguadze.com. Jestem pewny, że mogę przekroczyć Twoje oczekiwania.
-
10 dni1780 PLN10 dni1780 PLN
Cześć,
Jestem front-end developerem z doświadczeniem w responsywnym układzie i tworzeniu HTML/CSS/JS w wersji pixel-perfect.
Uważnie przeczytałem Twoje zadanie i mogę wdrożyć Twój projekt dokładnie tak, jak jest to przedstawione w Figma, z czystym kodem, animacjami i pełną responsywnością.
Pracuję bez frameworków (tylko HTML, SCSS i vanilla JS), więc Twój stos technologiczny idealnie mi odpowiada.
Chętnie rozpocznę pracę nad tym projektem i wkrótce pokażę Ci pierwszą część układu.
Czekam na Twoją odpowiedź.
… Pozdrawiam,
Oleksandr M.
-
5 dni1483 PLN5 dni1483 PLN
Jesteśmy gotowi do opracowania Twojej idealnie dopasowanej, w pełni responsywnej strony internetowej Vue 3 + Tailwind z integracją Directus, czystym kodem opartym na komponentach oraz pełnym wdrożeniem na środowisku staging — dokładnie tak, jak określono.
-
1 dzień1483 PLN
11616 44 0 1 dzień1483 PLNWitam, mam doświadczenie w Vue.js oraz pracy z Nuxt.js. Warto omówić szczegóły projektu osobiście. Chętnie pomogę!
-
1 dzień1483 PLN
319 1 dzień1483 PLNNasza drużyna specjalizuje się w pełnym cyklu tworzenia stron internetowych i marketingu cyfrowego. Oferujemy kompleksowe usługi w zakresie rozwoju i promocji rozwiązań online:
💻 Tworzenie stron internetowych i aplikacji:
Kodowanie stron na HTML / CSS / PHP
Rozwój na frameworku Laravel
Tworzenie stron na WordPress (rozwiązania indywidualne, integracje)
… Tworzenie aplikacji mobilnych na iOS i Androida
📈 Marketing internetowy i promocja:
Konfiguracja reklam w Google Ads, Facebook, TikTok
Seo i copywriting
Promocja poprzez powiadomienia push i reklamy w aplikacji
Analiza marketingowa, testy A/B, optymalizacja kampanii
🎨 Rozwiązania projektowe:
Własny dział projektowania
UI/UX, branding, kreacje reklamowe
Posiadamy cały cykl realizacji — od rozwoju do zaangażowania odbiorców.
Chętnie omówimy współpracę lub przygotujemy dla Państwa indywidualną ofertę.
Z poważaniem,
-
4 dni1483 PLN
1117 4 0 4 dni1483 PLNCześć!
Zbudowałem aplikacje Vue 3 z Tailwind, które ładnie integrują się z platformami headless CMS, i cieszę się, że mogę sprawić, aby projekty wyglądały tak samo żywo na ekranie, jak w Figma.
W tym projekcie zachowałbym wysoką modularność i strukturę komponentów od początku, aby później łatwiej rozbudować je poza te 7 stron. Dodałbym również warstwę podglądu, która pobiera wersje robocze treści z Directus, dzięki czemu można zobaczyć zmiany przed ich publikacją.
Podczas tworzenia testuję wszystko na rzeczywistych małych i dużych ekranach, aby wcześnie wychwycić drobne przesunięcia układu. Bardzo zależy mi na płynnych przejściach między punktami przerwania i zapewnieniu, aby treść była wyważona na wszystkich widokach.
Możesz sprawdzić dwa moje projekty frontendowe tutaj.
- https://elsione.com
- https://zolochivlis.kyiv.ua.
… Dziękuję!
-
5 dni1483 PLN
99 5 dni1483 PLNCześć, codziennie pracuję z Vue i Tailwind i bardzo zależy mi na tym, jak strona odczuwa się na każdym ekranie, a nie tylko jak wygląda.
Uważnie przejrzałem Figma i już widzę, jak podzieliłbym każdą sekcję na czyste komponenty, zachowując ostrość układu na wszystkich rozmiarach. Aby ułatwić aktualizacje treści na dłuższą metę, zasugerowałbym kształtowanie pól CMS bezpośrednio wokół tego, jak projekt oddycha, nie tylko kopiowanie bloków tekstu, ale myślenie o przestrzeni, skalowaniu obrazów i drobnych wariantach, które mogą się różnić w zależności od produktu.
Również uruchomiłbym budowę na żywo na Vercel od pierwszego dnia, abyś mógł zobaczyć zmiany na bieżąco i wychwycić wszystko, zanim się rozwinie.
Jeśli to brzmi jak dobry sposób, chętnie zacznę.
-
10 dni1483 PLN
875 9 2 10 dni1483 PLNCześć, mam doświadczenie z Nuxt. Gotowy do pracy
------------------------------------------------------------------
-
10 dni1483 PLN
713 11 2 10 dni1483 PLNWitam, chętnie pomogę Ci z Twoim projektem. Mam ponad 4 lata doświadczenia w Vue 3.
Możemy użyć Nuxt, ponieważ ma doskonałą integrację z Directus CMS. Jeśli chodzi o bibliotekę UI, poleciłbym Shadcn.
Napisz do mnie wiadomość, aby omówić szczegóły.
-
8 dni1483 PLN
318 11 1 2 8 dni1483 PLNCześć 👋
Projekt dokładnie przeanalizowałem — stos, logika, wymagania i poziom szczegółowości są mi bliskie. Pracujemy na Vue 3 + Vite + Tailwind CSS, CMS — Directus, referencja z Figma jest jasna, dostosuję do wszystkich ekranów pixel perfect, bez zniekształceń. Integracja przez REST lub GraphQL, stan — przez Pinia, routing — Vue Router. Kod strukturalnie podzielę na wielokrotnego użytku komponenty, skomentowany i czysty, jak oczekiwano.
Zrobię to czysto, szybko, skupiając się na responsywności, szybkości, testach i stabilności. Mogę zbudować staging na Vercel, wrzucić do GitHub, a także mogę dodać Nuxt SSR, jeśli to wzmocni projekt. Przykłady kodu i podobnych zestawień — na życzenie. Jestem gotowy do działania, wszystko technicznie jasne, odtworzę dokładnie tak, jak w projekcie.
-
1 dzień1483 PLN
94002 1264 1 10 1 dzień1483 PLNWitaj. Pracowałem z Nuxt. Jestem gotowy do współpracy
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Sklep internetowy z odzieżąPotrzebny programista do sklepu internetowego z odzieżą Szukam doświadczonego programisty do stworzenia pełnoprawnego sklepu internetowego z odzieżą z modelem sprzedaży dropshipping. Co należy zrobić: 6 stron: strona główna, produkt, koszyk, zamówienie, konto, panel… Układ HTML i CSS, Javascript & Typescript ∙ 5 minut temu ∙ 6 ofert |
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 11 godzin temu ∙ 28 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 3 godziny temu ∙ 96 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 21 godzin temu ∙ 27 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 6 dni 23 godziny temu ∙ 55 ofert |
Ryga