Frontend Development Task – Business & E-Commerce Website (Directus CMS)
18 034 UAHBuild 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 дней24 732 UAH8 дней24 732 UAH
Здравствуйте,
Я Full-Stack разработчик, готовый создать ваш 7-страничный сайт с использованием Vue 3 и Tailwind CSS.
Я специализируюсь на создании пиксель-в-пиксель, адаптивных интерфейсов по дизайнам из Figma. У меня глубокие знания Tailwind CSS и интеграции headless CMS платформ, таких как Directus, через REST/GraphQL API.
Хотя моя основная платформа — React, мой опыт с современной компонентной архитектурой (аналогичной Composition API Vue) и управлением состоянием делает меня очень эффективным в этом стеке. Мой опыт с Next.js легко переносится в среду Nuxt.js, которая вам ценна.
Я стремлюсь предоставлять чистый, хорошо документированный и тщательно протестированный код, соответствующий высоким стандартам качества. Мое портфолио доступно на www.revazgoguadze.com. Уверен, что смогу превзойти ваши ожидания.
-
10 дней21 641 UAH10 дней21 641 UAH
Привет,
Я фронтенд-разработчик с опытом в адаптивной верстке и точной HTML/CSS/JS разработки.
Я внимательно прочитал ваше задание и могу реализовать ваш дизайн точно так, как он представлен в Figma, с чистым кодом, анимациями и полной адаптивностью.
Я работаю без фреймворков (только HTML, SCSS и чистый JS), поэтому ваш стек идеально мне подходит.
Буду рад начать работу над этим проектом и скоро покажу вам первую часть макета.
Жду вашего ответа.
… С наилучшими пожеланиями,
Олександр М.
-
5 дней18 034 UAH5 дней18 034 UAH
Мы готовы разработать ваш идеально точный, полностью адаптивный сайт на Vue 3 + Tailwind с интеграцией Directus, чистым компонентным кодом и полной подготовкой к развертыванию — точно так, как указано.
-
1 день18 034 UAH
11616 44 0 1 день18 034 UAHПривет, у меня есть опыт работы с Vue.js и Nuxt.js. Стоит более подробно обсудить проект в личных сообщениях. Буду рад помочь вам!
-
1 день18 034 UAH
319 1 день18 034 UAHНаша команда специализируется на веб-разработке и цифровом маркетинге полного цикла. Мы предоставляем комплексные услуги по разработке и продвижению онлайн-решений:
💻 Разработка веб-сайтов и приложений:
Верстка сайтов на HTML / CSS / PHP
Разработка на фреймворке Laravel
Создание сайтов на WordPress (индивидуальные решения, интеграции)
… Разработка мобильных приложений для iOS и Android
📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
Продвижение через push-уведомления и in-app рекламу
Маркетинговая аналитика, A/B тестирование, оптимизация кампаний
🎨 Дизайн-решения:
Собственный отдел дизайна
UI/UX-дизайн, брендинг, рекламные креативы
У нас есть весь цикл реализации — от разработки до привлечения аудитории.
Будем рады обсудить сотрудничество или подготовить для вас индивидуальное предложение.
С уважением,
-
4 дня18 034 UAH
1125 4 0 4 дня18 034 UAHПривет!
Я создаю приложения на Vue 3 с Tailwind, которые аккуратно интегрируются с платформами headless CMS, и мне нравится делать так, чтобы дизайн казался живым на экране так же, как и в Figma.
Для этого проекта я сделаю компоненты максимально модульными и структурированными с самого начала, чтобы было проще расширять их за пределы этих 7 страниц позже. Также я добавлю слой предварительного просмотра, который вытягивает черновой контент из Directus, чтобы вы могли видеть правки до их публикации.
Во время разработки я тестирую всё на реальных маленьких и больших экранах, чтобы вовремя заметить мелкие смещения макета. Мне очень важно обеспечить плавные переходы между точками прерыва и убедиться, что контент ощущается сбалансированным на всех устройствах.
Вы можете ознакомиться с двумя моими проектами на фронтенде здесь.
- https://elsione.com
- https://zolochivlis.kyiv.ua.
… Спасибо!
-
5 дней18 034 UAH
99 5 дней18 034 UAHПривет, я работаю с Vue и Tailwind каждый день и очень заботлюсь о том, как сайт ощущается на каждом экране, а не только как он выглядит.
Я внимательно изучил Figma и уже вижу, как я разделю каждую секцию на чистые компоненты, сохраняя четкость макета во всех размерах. Чтобы упростить обновление контента в долгосрочной перспективе, я предлагаю формировать поля CMS прямо вокруг того, как дышит дизайн, а не просто копировать текстовые блоки, а думать о пространстве, масштабах изображений и небольших вариациях, которые могут меняться в зависимости от продукта. Я также запущу сборку в реальном времени на Vercel с первого дня, чтобы вы могли видеть изменения по мере их появления и поймать любые проблемы до их разрастания. Если это звучит как хороший подход, я с удовольствием начну.
-
10 дней18 034 UAH
875 9 2 10 дней18 034 UAHЗдравствуйте, у меня есть опыт работы с Nuxt. Готов работать
------------------------------------------------------------------
-
10 дней18 034 UAH
713 11 2 10 дней18 034 UAHПриветствую, я буду рад помочь вам с вашим проектом. Имею более 4 лет опыта работы с Vue 3.
Мы можем использовать Nuxt, так как он отлично интегрируется с Directus CMS. Для библиотеки UI я бы порекомендовал Shadcn.
Напишите мне в личку, чтобы обсудить детали.
-
8 дней18 034 UAH
318 11 1 2 8 дней18 034 UAHПривет 👋
Проект полностью изучил — стек, логика, требования и уровень детализации мне близки. Работаем на Vue 3 + Vite + Tailwind CSS, CMS — Directus, Figma-референс понятен, адаптив под все экраны сделаю пиксель в пиксель, без перекосов. Интеграция по REST або GraphQL, состояние — через Pinia, маршрутизация — Vue Router. Код структурирую в переиспользуемые компоненты, прокомментирован и чистый, как и ожидается.
Сделаю чисто, быстро, с фокусом на респонсив, скорость, тесты и стабильность. Могу собрать staging на Vercel, залить в GitHub, плюс могу подтянуть Nuxt SSR, если это усилит проект. Примеры кода и похожих сборок — по запросу. Готов включаться, технически всё понятно, отрисую точно, как в дизайне.
-
1 день18 034 UAH
93984 1263 1 10 1 день18 034 UAHЗдравствуйте. Я работал с Nuxt. я готов сотрудничать
Актуальные фриланс-проекты в категории HTML и CSS верстка
Сверстать дизайн из Figma на сайт HoroshopНужно качественно перенести готовый дизайн из Figma в интернет-магазин на платформе Horoshop https://www.figma.com/design/HOA7Y4kIautVAHWS6EUYfA/Untitled?node-id=0-1&t=uXEkc0hgje4vEtdc-1 вот отсюда https://toysmarket.in.ua/ вот сюда перенос сделать HTML и CSS верстка, Создание сайта под ключ ∙ 2 часа 1 минута назад ∙ 17 ставок |
Комплексное доработки WooCommerce-магазина (UX, адаптивность, функционал)Необходимо завершить разработку интернет-магазина на WordPress (WooCommerce). Текущий сайт: https://lerise.com.ua/ Референс по уровню функционала и удобства использования: https://katysoho.com.ua/Важно Кардинально менять дизайн сайта не нужно. Основной акцент - на… CMS, HTML и CSS верстка ∙ 19 часов 20 минут назад ∙ 31 ставка |
Сайт для свадебных фотографов под ключ: дизайн + текст + запускИщем специалиста (или студию) для создания сайта-портфолио под ключ - полный цикл от концепции до публикации. Хотим минимум участия с нашей стороны: вы берете задание и доводите до готового результата. Что входит в работу «под ключ»: • Дизайн в стиле premium / editorial /… HTML и CSS верстка, Дизайн сайтов ∙ 1 день 1 час назад ∙ 99 ставок |
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 2 дня 21 час назад ∙ 36 ставок |
Обработка и заполнение пакета документов (Word и PDF)
3016 UAH
Ищу фрилансера для оперативного заполнения и форматирования пакета документов по готовым шаблонам (договоры, контракты, декларации). Что входит в задачу: Заполнение этих самых шаблонов (анкетные данные кандидатов, условия, даты) в готовые формы Word/PDF; Проверка корректности… HTML и CSS верстка, Редактура и корректура текстов ∙ 3 дня 14 часов назад ∙ 33 ставки |
Рига