Верстка React+ подключение бекенда SPA
Идет дальше ТЗ и входит в положение
Верстка макета
3 уникальных страницы
Дашборт
Основная область - добавление и управлением серверами/сайтами
Все данные будут идти в БД, никаких сторонних сервисов кроме платженой системы не будет
Адаптив под все устройства
Качественный код
Темная/Белая версия
Подключение к бекенду - сваггер готов
https://www.figma.com/design/ucrevKD0FIVe3JSNepvsP1/ShieldNet?node-id=2-3&t=hfIfft1Fwy3jFRze-1
Бюджет: 5000 USD Срок: 30 дней
Здравствуйте.Есть большой опыт с Node.js/React. Готов реализовать на Next.js
Бюджет: 680 USD Срок: 12 дней
Привет, Дмитрий.
Я подробно изучил ваш макет в Figma (ShieldNet) и требования к интеграции API Swagger. Дизайн очень чистый и профессиональный. Это задача по разработке полноценного веб-приложения (SPA), а не просто макета.
Чтобы обеспечить максимальную производительность, масштабируемость и качество кода, я настоятельно рекомендую использовать стек Next.js (в качестве продакшн-фреймворка для React) и Tailwind CSS для стилизации. Это моя основная специализация. Такой подход идеально подходит для создания быстрых и современных панелей управления.
Я вижу три основные страницы (Вход, Панель управления, Управление серверами) и ключевые компоненты: боковая панель, карточки статистики, таблица серверов с фильтрами и модальные окна для добавления/редактирования.
Предлагаю следующий поэтапный план работы:
Этап 1: Настройка проекта и основная разметка (≈ 2 дня)
Инициализация проекта Next.js, настройка структуры.
Конфигурация Tailwind CSS с переменными для тёмной/светлой темы.
Создание основной разметки приложения (боковая панель, шапка).
Этап 2: Разработка UI-компонентов и страниц (≈ 5 дней)
Создание всех компонентов по макету Figma (кнопки, поля ввода, карточки, таблицы, модальные окна).
Создание разметки для всех трёх страниц с полной адаптивностью для всех устройств.
Этап 3: Интеграция API и управление состоянием (≈ 4 дня)
Настройка клиента для работы с вашим API Swagger.
Реализация логики аутентификации, получение и отображение данных на панели.
Подключение функций для добавления, редактирования и управления серверами.
Этап 4: Финализация и тестирование (≈ 1 день)
Комплексное тестирование всей функциональности, исправление мелких ошибок и оптимизация кода.
Общая оценка:
Сроки: 12 рабочих дней
Цена: 680 долларов США
Эта цена отражает полную, качественную реализацию проекта согласно представленному плану с использованием современного стека. Такой подход гарантирует предсказуемый результат и надёжную архитектуру для будущей разработки.
Бюджет: 1000 USD Срок: 20 дней
Привет Дмитрий!
Меня зовут Павел, я фронтенд-разработчик более 5 лет и имею опыт разработки дашбордов. Создам верстку, разработаю стейт-менеджмент и подключу API для вашего приложения.
Стек React->Redux->Saga/Thunk->Sass/Less.
Для более детального обсуждения напишите в личные.
Бюджет: 350 USD Срок: 5 дней
Добрый день, готов приступить к верстке, мобильной версии не нашел, но дизайн не сложный, так что проблем не будет. Интегрирую все функции, код будет модульным, при необходимости, могу помочь с бекендом. Обращайтесь!
Бюджет: 160 USD Срок: 1 день
Привет. Меня зовут Николай. Я frontEnd разработчик с опытом более шести лет. Работаю с такими технологиями как React и Angular. Создание UI компонентов. Адаптивная и семантическая верстка. Заинтересовал ваш проект. Буду рад сотрудничать..
Бюджет: 25 USD Срок: 10 дней
Интересный проект — особенно понравился чистый дизайн и идея с управлением серверами прямо из дашборда. Готов взяться за адаптивную верстку всех трёх страниц с учетом тёмной и светлой тем, подключением к бэкенду по Swagger (без сторонних сервисов, только БД и платёжка — понял).
Бюджет: 450 USD Срок: 10 дней
Привет! Выполню ваше задание быстро и качественно.
Мое портфолио: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишите, начну сегодня работать. Буду рад сотрудничеству с Вами!
Бюджет: 700 USD Срок: 10 дней
Добрый день, с радостью выполню все бысро и качественно, опыта больше 3х лет чисто на React
Личный сайт: msil.vercel.app/
Бюджет: 2800 USD Срок: 60 дней
Здравствуйте!
У меня уже был опыт решения подобной задачи на React. Готов создать ваше SPA приложение и интегрировать с бэкендом.
Напишите, обсудим нюансы.
Бюджет: 1300 USD Срок: 1 день
Добрый день занимаемся,Веб-разработкой Telegram ботов версткой сайтов на PHP,фреймворках laravell HTML CSS,в том числе и на Wordpress. разрабатываем сайты на php,.фреймворки на Lavarell и мобильные приложения на IOS и android под ключ.
Разрабатываем сайты на PHP и мобильные приложения под IOS и Android.
Имеем опыт в создании CRM/ERP систем.
Готовы выполнить ваш заказ под ключ.
Разрабатываем сайты на Wordpress и мобильные приложения под IOS и Android. Совокупный опыт в разработке составляет 7 лет. Готовы выполнить ваш заказ под ключ.
1. Проекты
https://berkanaplus.com.ua/ -Этот сайт переносил и настраивал сервер.
2. https://leondesign.kyiv.ua/
Обновления версии PHP и обновления плагинов.
3. https://peg.com.ua/
Разработка нового модуля для сайта динамического обновления стоимости продукции.
https://uvali.com.ua/
Настраивания выделенного сервера VPS.📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
Продвижение через push-уведомления и in-app рекламу
Маркетинговая аналитика, A/B тестирование, оптимизация кампаний
📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
🎨 Дизайн-решения:
Собственный отдел дизайна
UI/UX-дизайн, брендинг, рекламные креативы
Бюджет: 330 USD Срок: 6 дней
Добрый день!
Готов выполнить верстку макета — 3 уникальные страницы, дашборд, управление серверами/сайтами, с адаптивом под все устройства.
Обеспечу чистый, структурированный код, реализую тёмную/светлую тему.
Имею опыт интеграции с бэкендом через Swagger, поэтому готов быстро подключить API.
Гарантирую качественную и ответственную реализацию.
Готов обсудить детали!
Бюджет: 1234 USD Срок: 15 дней
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
Привет! Я не только UX/UI дизайнер, а еще и разработчик.
Знаю технологии HTML, CSS, JavaScript, React, Node.js
Вот мое портфолио по дизайну:
Behance
Бюджет: 440 USD Срок: 5 дней
Здравствуйте,
Я создам полный макет с чистой структурой и взаимодействием в реальном времени, привязанным непосредственно к вашему бэкенду.
Каждая из трех страниц будет полностью адаптивной, с панелью управления, показывающей четкий обзор, и основным разделом, созданным для быстрого управления сервером и сайтом.
Все подключается через ваш определенный Swagger FastAPI, никаких внешних инструментов, кроме платежной системы.
Я буду использовать React с надлежащим темным и светлым режимом, который регулирует как стиль, так и восприятие.
Одна из функций, которую я включу, — это плавный встроенный ответ о состоянии, чтобы пользователи видели, что происходит, без необходимости обновлять или ждать.
Я могу предоставить быструю, чистую и надежную.
Бюджет: 55 USD Срок: 1 день
Здравствуйте. Сделаю. Пишите, буду рада сотрудничеству
Здравствуйте. Сделаю. Пишите, буду рада сотрудничеству
Бюджет: 500 USD Срок: 5 дней
Здравствуйте, Дмитрий.
Я очень внимательно проверил ваш дизайн Figma.
Как старший веб-разработчик с 7-летним опытом, я абсолютно уверен, что смогу идеально завершить ваш проект и сдать его вовремя.
Недавно я создал 2 веб-приложения администратора для поддержки глобальных мероприятий/вечеринок (версии веб-приложения и мобильного приложения).
Включенный платежный шлюз Stripe и криптоплатежный шлюз записали всю историю транзакций и тикеты поддержки, а также чат в реальном времени с клиентами для улучшения пользовательского опыта.
Поэтому я абсолютно уверен.
Я хотел бы обсудить это с вами.
Спасибо.
Бюджет: 450 USD Срок: 14 дней
Добрый день
Ознакомился с макетом
Имею весь необходимый опыт
Пишите
Приветсвую. Необходимо внести некоторые правки на сайте WP с готовой темой на ELEMENTOR. Сайт https://lingualink.pl/ 1. Первый экран вместо картинки внедрить форму заказа, которая сейчас вызывается с кнопки. в результате должно быть как в первом скрине 2. а также добавить блок FAQю примерно вот так как во втором скрине
Необходимо сделать верстку по Figma с десктопом, мобильной версией, темной версией, светлой версией, с анимациями там, где это нужно, слайдерами. Также важно реализовать блоки системы компонентов таким образом, чтобы когда мы потом будем переносить это на бэкэнд, мы могли просто продолжить воспроизведение этих блоков. Финальным результатом видим архив, в котором есть HTML-страницы всех страниц, то есть главной категории, страницы, видео и необходимые файлы для работы, включая динамические скрипты, стили и так далее. Сейчас мы верстаем это с контентом, который мы берем прямо из Figma. Но важно, чтобы это потом нам было возможно перенести на бэкэнд.
It is necessary to reproduce as accurately as possible:– the structure of the pages; – the layout of the blocks; – the catalog grid; – the sizes of the elements; – the margins; – the typography; – the colors; – the header and footer; – product cards – the menu structure; – menu categories; – modal windows; – adaptive behavior; – hover, active, and mobile states. – the product page must have microdata for products – Pages must be optimized according to Google SEO recommendations1. Type of siteResponsive online sushi delivery store.Main versions:– desktop – from 1280 px; – tablet – 768–1279 px; – mobile – 320–767 px.2. NavigationHomeCategoriesPromotionsAbout UsDelivery and PaymentContactsMenuProduct CardShopping CartPage TemplateThe “Page Template” block should contain:– header;– breadcrumb;— “up” arrow— Light and dark theme switcher with user choice retention.— A watermark with the logo on the background of the page— Fix an image of chopsticks on the right edge of the background— Footer ResultDeliver:– Figma mockup for desktop and mobile; – HTML files; – CSS; – JavaScript; – a folder with placeholders; – responsive version of the page; – archive of the completed project.The main requirement is the most accurate reproduction of the structure, design, and behavior of the page example.com
Продолжение проекта. Редизайн и перезапуск сайта стоматологической клиники Brovchak Family Dental Care 0680006609 http://brovchak-clinic.com.ua/ тз от сео-эксперта https://docs.google.com/spreadsheets/d/17_WyPf3XVpzbuBjpJ7MNFs12QUL-aHv7iIbKudY-IEw/edit?gid=0#gid=0 https://miro.com/app/board/uXjVHXxFvIE=/О проекте Необходимо выполнить полный редизайн существующего сайта стоматологической клиники на основе готового прототипа в Miro. Результат должен включать: UI/UX дизайн адаптивную верстку интеграцию на WordPress SEO-безопасный перезапуск техническую оптимизацию настройку аналитики возможность простого самостоятельного редактирования контента Критически важно: сайт должен не просто выглядеть современно, а улучшать бизнес-показатели и не потерять текущие SEO-позиции.Бизнес-цели проекта Редизайн выполняется для: увеличения количества заявок с сайта; повышения конверсии форм записи; усиления доверия к клинике; демонстрации экспертности врачей; презентации сложных клинических случаев; формирования премиального позиционирования; увеличения количества обращений на имплантацию, ортопедию и комплексное лечение.Визуальная концепцияПозиционирование Премиальная авторская стоматология. Не сетевая клиника. Не массовый поток пациентов. Индивидуальный подход, прогнозируемые результаты и сложные клинические решения.Эмоция, которую должен вызывать сайт "Здесь работают не просто стоматологи. Здесь команда экспертов создает долгосрочные и прогнозируемые решения, уделяя внимание каждой детали."Стиль Workshop / Dental Atelier. Авторская стоматология. Премиальный минимализм. Акцент на: микроскопии; навигационной имплантации; цифровом сканировании; гнатологии; сложных реабилитациях. Использовать: большие профессиональные фото врачей; фото врачей во время работы; реальные кейсы пациентов; фото клиники. Минимизировать или полностью исключить: стоковые фото; шаблонные стоматологические изображения; типовые дизайнерские решения сетевых клиник.SEO и перезапуск Критическое требование: Редизайн не должен привести к существенному падению органического трафика. Необходимо: сохранить SEO-структуру сайта; сохранить или корректно перенести URL; настроить 301 редиректы; перенести все метатеги; сохранить индексацию страниц; проверить robots.txt; проверить sitemap.xml; проверить canonical; проверить schema.org; выполнить SEO-аудит до и после запуска.KPI SEO Допустимое падение органического трафика после запуска: не более 10%. Предпочтение отдается исполнителям, которые имеют успешные кейсы SEO-безопасных миграций.UX и конверсия Сайт должен обеспечивать: быстрый доступ к записи на консультацию; понятную структуру услуг; простую навигацию; мобильную удобство; быстрый контакт с клиникой. Предусмотреть: CTA-блоки; формы записи; быстрый звонок; мессенджеры; блоки доверия; видеов отзывы; кейсы лечения.Технические требованияСкорость Google PageSpeed: Desktop — 90+ Mobile — 95+ Core Web Vitals должны соответствовать рекомендациям Google.Оптимизация Необходимо: оптимизировать CSS; оптимизировать JS; настроить кэширование; оптимизировать изображения; использовать WebP; минимизировать сторонние скрипты.Качество кода Важно: чистый код; отсутствие лишних плагинов; использование штатных возможностей WordPress и темы; совместимость с будущими обновлениями WordPress.AI-ассистент (агент) Необходимо предложить решение для внедрения AI-консультанта. Желательный функционал: ответы на типовые вопросы; запись на консультацию; интеграция с Telegram; интеграция с Instagram Direct; интеграция с Facebook Messenger; интеграция с Viber; передача лидов в CRM или администраторам, или в телеграм бот Прошу описать предложенное решение отдельно.Результат работы На выходе необходимо получить: Новый дизайн сайта. Адаптивную верстку. SEO-безопасный запуск. Оптимизированный код. Настроенную аналитику. Инструкцию для администратора. Гарантийное сопровождение после запуска. Реализация AI Search и AI-выдачи В рамках проекта необходимо реализовать отдельный комплекс работ по подготовке сайта к Google AI Overviews, AI Mode, ChatGPT, Gemini, Perplexity, Copilot и другим AI-поисковым системам. К работам входит: Проектирование карты сущностей клиники: организация, филиалы, врачи, услуги, кейсы, статьи, FAQ, видео и цены. Создание логических связей между: врачами и услугами; услугами и кейсами; услугами и FAQ; статьями и авторами; филиалами и доступными направлениями лечения. Реализация структурированных данных JSON-LD: Organization; MedicalClinic / Dentist; LocalBusiness; Person; ProfilePage; Service; MedicalProcedure — где семантически корректно; Article / BlogPosting; VideoObject; FAQPage; BreadcrumbList; WebSite; WebPage; ImageObject. Создание в WordPress структурированных типов контента: услуги; врачи; кейсы; статьи; FAQ; видео; филиалы; цены. Реализация ACF-связей между типами контента и автоматической генерации schema.org из утвержденных полей. Построение FAQ в трех уровнях: FAQ на страницах услуг; отдельные экспертные decision-guide страницы; общий центр вопросов пациентов. Обеспечение доступности основного контента в HTML без зависимости от клиентского JavaScript, изображений или PDF. Реализация авторства медицинского контента: автор; медицинский рецензент; дата публикации; дата обновления; ссылка на профиль врача. Добавление транскриптов к экспертным видео и связывание видео с услугами, врачами и кейсами. Проверка robots.txt, sitemap.xml, canonical, noindex, snippet controls и доступности сайта для поисковых и AI-краулеров. Настройка отслеживания AI-трафика: отдельная channel group в GA4; referrer-источники ChatGPT, Perplexity, Gemini, Copilot, Claude; передача источника в CRM и Telegram-заявки; отчет в Looker Studio; учет self-reported attribution от пациента. Создание базового набора запросов для регулярного мониторинга видимости клиники в AI-выдаче. Проверка структурированных данных через Rich Results Test и Schema Markup Validator. Подготовка инструкции для администратора: как добавлять FAQ; как создавать кейс; как указывать автора; как обновлять дату медицинского обзора; как добавлять видео и транскрипт; как связывать материал с услугой и врачом. другое.
Нужен специалист по Wix для верстки сайта по макету Figma. Есть готовый дизайн сайта в Figma. Нужно качественно реализовать его в Wix, максимально соблюдая макет. Необходимо: перенести дизайн из Figma в Wix; адаптировать все страницы; настроить десктопную и мобильную версии; обеспечить корректное отображение на различных устройствах. Предпочтение отдается исполнителям с опытом работы с Wix. Пожалуйста, отправляйте портфолио с реализованными проектами.