Стек: React+Vite
Frontend
Проект надає користувачам можливість створити магазин цифрових товарів, використовуючи заздалегідь підготовлені шаблони. Кожен шаблон є набором компонентів (наприклад, різні стилі футерів, категорії товарів, сайдбари і т. д.), які користувач може вибрати і комбінувати для створення унікального магазину.
Приклад: Шаблон "Стандарт 1" може містити 5 різних футерів, 5 варіантів вкладок категорій, 5 різних сайдбарів та інші елементи. Користувач може кастомізувати свій магазин, вибираючи компоненти цього набору, створюючи тим самим індивідуальний дизайн і функціональність.
Що нам потрібно зробити: Редактор повинен бути повністю функціональним, щоб користувач міг вносити зміни до попередньо підготовленого шаблону сайту. Головна вимога: в процесі редагування користувач повинен бачити точну копію свого сайту з урахуванням усіх змін, які він уже вніс до цього (якщо він їх вносив)
Після того як користувач завершить редагування та натисне кнопку "Зберегти", зміни повинні відразу ж відображатися на його сайті, тобто на його домені або домені (субдомен). Це означає, що вся робота, виконана в редакторі, має бути перенесена на живий сайт одразу після збереження.
Основні функції редактора:
1. Зміна тексту – користувач повинен мати можливість редагувати будь-який текст на сторінці, який ми даємо йому заздалегідь редагувати (заголовки, описи, кнопки і т.д.).
2. Зміна візуальних елементів – потрібно надати інструменти для редагування візуальних складових:
Кольори
Шрифти
Зображення (GIF)
та інше
3. Візуалізація в реальному часі, в редакторі – зміни, зроблені користувачем у редакторі, повинні миттєво відображатись на екрані, так щоб людина бачила, як її сайт буде виглядати після змін (натискання на кнопку “зберегти”). У нас намальований user friendly інтерфейс, який має максимально легко дати користувачеві використовувати сервіс та створити сайт для продажу цифрових товарів.
4. Гнучкість – користувач повинен мати можливість додавати нові елементи (наприклад, нові блоки з текстом, зображення, кнопки) або змінювати наявні без необхідності програмування. (Ці блоки вже попередньо намальовані та будуть зверстані у шаблоні, який ми даємо користувачеві)