Реализовать редактор сайта с предпросмотром.
Стек: React+Vite
Frontend
Проект предоставляет пользователям возможность создать магазин цифровых товаров, используя заранее подготовленные шаблоны. Каждый шаблон является набором компонентов (например, различные стили футеров, категории товаров, сайдбары и т. д.), которые пользователь может выбрать и комбинировать для создания уникального магазина.
Пример: Шаблон "Стандарт 1" может содержать 5 различных футеров, 5 вариантов вкладок категорий, 5 различных сайдбаров и другие элементы. Пользователь может кастомизировать свой магазин, выбирая компоненты этого набора, создавая тем самым индивидуальный дизайн и функциональность.
Что нам нужно сделать: Редактор должен быть полностью функциональным, чтобы пользователь мог вносить изменения в предварительно подготовленный шаблон сайта. Главная требование: в процессе редактирования пользователь должен видеть точную копию своего сайта с учетом всех изменений, которые он уже внес в это (если он их вносил)
После того как пользователь завершит редактирование и нажмет кнопку "Сохранить", изменения должны сразу же отображаться на его сайте, то есть на его домене или домене (субдомен). Это означает, что вся работа, выполненная в редакторе, должна быть перенесена на живой сайт сразу после сохранения.
Основные функции редактора:
1. Изменение текста – пользователь должен иметь возможность редактировать любой текст на странице, который мы даем ему заранее редактировать (заголовки, описания, кнопки и т.д.).
2. Изменение визуальных элементов – нужно предоставить инструменты для редактирования визуальных составляющих:
Цвета
Шрифты
Изображения (GIF)
и другое
3. Визуализация в реальном времени, в редакторе – изменения, сделанные пользователем в редакторе, должны мгновенно отображаться на экране, так чтобы человек видел, как его сайт будет выглядеть после изменений (нажатие на кнопку “сохранить”). У нас нарисован user friendly интерфейс, который должен максимально легко дать пользователю использовать сервис и создать сайт для продажи цифровых товаров.
4. Гибкость – пользователь должен иметь возможность добавлять новые элементы (например, новые блоки с текстом, изображения, кнопки) или изменять существующие без необходимости программирования. (Эти блоки уже предварительно нарисованы и будут сверстаны в шаблоне, который мы даем пользователю)
-
Привет, я работал над редактором сайтов с предпросмотром, где пользователи изменяли тексты и стили в реальном времени для более чем 200 магазинов. Планируете ли вы поддержку мобильной адаптивности в редакторе? Предлагаю связаться, я бесплатно проконсультирую вас с технической стороны и составим план разработки + расскажу о моей команде!✨
-
1506 6 0 Олег, доброго дня!
Меня заинтересовал ваш проект и я готов взяться за его выполнение. У меня большой опыт в разработке подобных платформ и админпанелей к ним - с радостью готов помочь
А это, работы за которые мне НЕ СТЫДНО -
1) Админ-панели и модули CRM систем -Behance
2) Телеграм-бот для регистрации новых учеников + встроенная админ-панель
Behance
…
3) Разработка дизайна и его реализация в готовый продукт (персональная страница репетитора английского и французского языков):
https://www.aniriyar.com/
4) Разработка расширения под Outlook:Behance
Открыт к коммуникации и обсуждению деталей
-
280 Здравствуйте! Я занимаюсь разработкой веб‑приложений на React и Vite и имею опыт создания редакторов с live‑preview. Могу реализовать конструктор для редактирования шаблонов вашего магазина с возможностью изменять тексты, цвета, шрифты и другие элементы, а также мгновенно отображать изменения и сохранять их на вашем домене. Все детали, сроки и бюджет обсудим лично.
-
326 Привет!
У меня есть опыт создания React-редакторов с живым предварительным просмотром (React + Vite + Zustand / Redux). Реализую полноценный конструктор с редактированием текстов, стилей, изображений и мгновенным обновлением в превью.
Предусмотрю синхронизацию изменений через API и обновление сайта пользователя после “Сохранить”. Код будет чистым, модульным и готовым к масштабированию.
Портфолио: https://globalmap.github.io/project-list/
-
4429 80 1 4 Доверьтесь профессионалу со стажем более 10 лет! Ставка и сроки актуальны!
Буду рад сотрудничеству!
Опыт коммерческой разработки интернет-магазинов на CMS, бизнес-порталов и корпоративных сайтов-11 лет!
+CMS: WordPress(+Woocommerce)PrestaShop/Opencart/Joomla/Bitrix/MODX/DLE/Shopify
php/html/css/js/Mysql, PhotoShop/Figma
Примеры работ ( с нуля под ключ):
https://wildandorganic.com/
https://cryptosignals.org/
https://ecnbot.com
… https://locs-ua.com/
https://www.grower.com.ua/
https://www.alternativemedicine.com.ua/
https://silkkiss.ua/
https://nordtrade.online/
https://v12coffee.com.ua/franchise/
https://smrtalgo.com/
https://sengero.no/
https://beautybysim.no/
https://sonatagalleri.com/
https://www.solmy-realestate.com/
https://www.emmanuel.com.ua/
https://www.onsitecomputersinc.com/
https://express-tehbud.com/
https://korostenporcelain.com.ua/
https://sladok.com.ua/
https://pricemds.com/
https://picupmedia.com/
https://www.serasar.com/
-
96691 1276 1 10 Здравствуйте. Работаю с React/Node.js более 8 лет. Готов к сотрудничеству. Обращайтесь.
-
307 Здравствуйте.
Этот проект посвящен разработке динамического редактора веб-сайтов на базе React + Vite, который позволит пользователям полностью настраивать свои магазины цифровых товаров, используя модульные, готовые шаблоны. Я создам интуитивно понятный интерфейс редактирования в режиме реального времени, где пользователи смогут изменять текст, цвета, шрифты и изображения, мгновенно просматривая все изменения. Я сосредоточусь на бесперебойной синхронизации данных, чтобы гарантировать, что после нажатия кнопки «Сохранить» обновления будут немедленно развернуты на его активном домене или поддомене. Я разработаю систему с высокой степенью модульности и масштабируемости, что позволит легко интегрировать новые блоки и компоненты в будущем. Благодаря моему опыту в создании интерактивных приложений React и систем рендеринга в режиме реального времени, я обеспечу плавный, быстрый и гибкий процесс редактирования.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Веб-дизайн и разработкаПривет! Для текущего проекта ищу двух отдельных специалистов: веб-дизайнера (Figma) веб-разработчика (Frontend / WordPress) Проект включает задачи по типу: лендинги, интернет-магазин, админ-панели, сайт на WordPress, а также при необходимости небольшие задачи на React /… HTML и CSS верстка, Дизайн сайтов ∙ 1 день 19 часов назад ∙ 99 ставок |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 501 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 1 день 20 часов назад ∙ 153 ставки |
Нужен разработчик Drupal для правок на нескольких сайтах.Нужен разработчик Drupal для правок на нескольких сайтах. Сайт раздувается и заполняет весь хостинг .. HTML и CSS верстка, Веб-программирование ∙ 2 дня 2 часа назад ∙ 37 ставок |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 17 часов назад ∙ 65 ставок |
Сверстать сайт и подвязать его к shopifyсверстать сайт и подвязать его к shopify на макете основная страница страницы товаров не будет, будет модальное окно с выбором объема баночки крема и его количества после окно доставки и оплаты заказ должен уходить в shopify с полной информацией о заказе… HTML и CSS верстка, Веб-программирование ∙ 2 дня 20 часов назад ∙ 76 ставок |