Объявления о работе

Верстка Lading page

Требуется доработать сайт интернет магазина

Сверстать шаблон на bootstrap

Народ, кто обладает, обращайтесь. Хороший клиент. Перенаправил сюда, потому что сам я занят.

Народ, кто обладает, обращайтесь. Хороший клиент. 

Готов взяться за работу. Все заявленные работы на MODx Revo выполнял и не раз. С моей стороны будут уточнения.

Готов взяться за работу. Все заявленные работы на 

Готов выполнить.

Здравствуйте, Роман. Спасибо, что откликнулись. Просьба небольшая, пришлите на почту ruda27@yandex.ru ссылку на несколько своих работ. Есть у вас scype или профиль ВКонтакте, так удобнее общаться. Будем рады сотрудничеству!

Здравствуйте, Роман. Спасибо, что откликнулись. Пр

Выжимка из ТЗ
 Цель сайта — создание площадки для:
 ⦁ Расширения круга покупателей, пополнение базы данных покупателей: адреса и сфера интересов
 ⦁ Успешного продвижения и продажи товара (тексты фольклорного, развлекательного характера)
 ⦁ Расширение кругозора людей и их объединение по их интересам
 

Задачи сайта:
 ⦁ Полная автоматизация покупки товаров покупателем
 ⦁ Исключение телефонных контактов
 ⦁ Максимальное ограничение почтовых контактов с покупателем за счет удобной подачи информации в интернет магазине. Пользователь имеет возможность написать письмо администратору/модератору только по строго прописанной форме 
 ⦁ Автоматизация процесса оплаты товаров покупателем (широкий спектр средств оплаты) — агрегаторы платежей
 ⦁ Повышение лояльности клиентов за счет качественного обслуживания
 

Общие требования к дизайну
 1) Адаптивный дизайн, тк просмотр чаще всего будет с планшетов или мобилы. Примерное фото как это может быть на мобиле или планшете asos.com (вложенное фото). При этом все (о проекте, преимущества, каталог, корзина…) зашивается в выдвигающееся меню (кнопка меню слева от логотипа проекта) а на главной странице идут сразу разделы каталога. Сверху на главной странице значок проекта (по центру) и корзина (справа от логотипа).
 2) Каждому товару присвоен свой ID. ID товара — визуально видный пользователю. Необходим в случаях экспорта товаров, поиска, проверки, вдруг у пользователя могут возникнуть проблемы с получением товара итд
 3) на странице товара: есть имя автора текста и через запятую его статус (без ссылок куда-либо)
 4) у текста на странице товара есть признаки: сезон, луна, событие… (и пригодятся для экспорта товаров ) и в будущем это будет часть формы поиска.
 5) На странице товара или где то внутри, может быть где буду вкладывать товар… также надо будет реализовать невидимые пользователю теги (я назову их «технические теги») чтобы потом при загрузке/экспорте контента можно было бы сопоставлять куда в какой раздел/подраздел вкладывать текст и смотреть задублирован текст (товар) на сайте или нет.
 6) знаки соцсетей: на странице товара, в подвале, при покупке товара, на странице загрузки товара — это просто будет ссылка на страницу товара (так называемая реклама товару не более того)
 Например, как это стандартно делается для соц сетей:
 когда нажимаешь на значок соцсети, то появляется окошко для входа в соцсеть и после залогинивания пользователем на свой профиль в выбранной соцсети, — в профиль пользователя выгружается или 1) ссылка на страницу товара или 2) фото, название, краткое описание и ссылка на сайт где можно купить этот товар. 3) если значок соцсети нажимается не с конкретного товара, то в профиль пользователя выгружается «логотип» + девиз: например, «меняйте жизнь к лучшему» и ссылка на сайт.
 7) на странице товара:
 а) иконка глаз — кол-во просмотров.
 б) иконка доллар (у платных текстов) — кол-во покупок этого товара
 в) иконка загрузки (у бесплатных текстов) — кол-во выгрузок бесплатных текстов пользователями.
 г) иконка «гантели» = «узел цепи» — это лайки которые ставит пользователь — и показывает количество того, сколько раз поделились ссылкой на этот текст
 

Внутренности сайта:
 1) Быстрая загрузка страниц
 2) Возможность владельцу сайта производить экспорт файлов, чтобы после экспорта файлов их можно было бы загрузить к себе на комп (желателен файл word или txt, csv — обсуждаемо) и иметь на стационарном дубль: типа «электронного архива» с разделами и подразделами. Такой экспорт может делать только владелец сайта но не администратор.
 3) разграничение прав доступа владельцу, администратору, модератору сайта. Явно видно права доступа и возможности владельца сайта, администратора, модератора
 

4) Пользователь не может скопировать тексты с сайта как и вложенные тексты-товары (платные или бесплатные: аннотация, доп.информация и тд) с помощью «копи паст», также полученные файлы (платные или бесплатные) тоже не могут быть отредактированы и скопированы как «копи паст» и пользователь не может скопировать и не может вставить в любой текстовый редактор. Их править на компе пользователю нельзя, а распечатывать можно (то есть картинка или пдф...). При этом, на сайте возможность копирования / редактирования текстов есть только у одного человека — владелец ресурса у модераторов и у покупателей такой возможности нет. 
 5) После оплаты у платных текстов или ввода емайла у бесплатных (в интерактиве все показано) робот высылает на почту полный текст (пользователь не может его редактировать, только если перепечатает или перепишет от руки) или позволяет скачать
 6) встроить функцию — проверки ошибки пользователем — то есть когда пользователь на сайте увидел какую то ошибку/опечатку — он выделяет ее курсором, затем нажимает сочетание клавиш (например, ctrl+… главное чтобы были соседние) то на прописанный адрес отправляется автоматическое письмо с картинкой этой ошибки или письмо с указанием опечатки. 
 7) в бесплатных текстах пользователь не должен видеть основной текст сразу — только после ввода емайла (в интерактиве все видно)
 8) Периодически бесплатные тексты могут становиться платными или наоборот платные могут стать бесплатными.
 9 Может быть такая ситуация что текст бесплатный а рекомендации к нему (советы) платные. Рекомендации – это взаимосвязанные товары.
 10) автопроверка или проверка текстов на плагиат между собой, чтобы исключить публикацию повторов содержания текстов
 11) Транслитерация на сайте нужна когда текст вкладываешь: когда пользователь набирает русские слова при английской раскладке, то комп сам меняет ему абракадабру на нормальное русское слово
 12) установленная форма письма. Например, в случае перебоев работы сайта, неполучения товара человек проходит по соответствующей ссылке раздела меню и
 пишет письмо по установленной форме, где тема письма (выбор по выпадающему списку)и проверку на бот.
 13) Один текст-товар может присутствовать в разных подразделах одновременно но при этом чтобы сайт понимал что это не задвоение контента.
 14) Советы к текстам неуникальны, то есть один и тот же совет (есть раздел «советы») может быть применим к разным товарам. Также к текстам-товарам могут быть добавлены сопутствующие товары (в интерактиве видно на странице товара).
 15) в корзине «наименования текстов» содержат активную ссылку чтобы пользователь в новом окне мог вспомнить что же он положил в корзину, если забыл, о чем речь в тексте.
 16) в корзине При удалении товара из списка, общая сумма заказа, сумма скидки и ИТОГО автоматически обновляется.
 17) Комиссии платежных систем УЖЕ ЗАЛОЖЕНЫ внутри цен. (платежный агрегатор предварительно выбран и зарегистирован)
 

18) Расписываю логику для покупок/скачиваний на всякий случай еще раз (в том числе и для пояснений к программированию):
 а)Тексты делятся на бесплатные и платные в том числе на товары и советы. Советы могут быть как отдельным товаром, так и сопутствующим если текст является платным товаром.
 б) Бесплатные советы — это «примитивные» бонусы (при их наличии на странице товара к платным/бесплатным товарам. Они не уникальны. Например бесплатный совет для одного товара из раздела «внешность» — подходит для другого товара из точно такого же раздела. В админке, как вариант, можно проставлять галочки к каким разделам будет привязан бесплатный совет). Такие бесплатные советы по умолчанию появляются в карточке товара и при получении товара пользователем, главное чтобы хотя бы один совет был привязан к одному из получаемых товаров
 в) Платные советы покупаются или отдельно или как дополнение к бесплатным товарам (при желании чела и при наличии таких на странице товара). Их стоимость всегда 29 руб.
 !!! При этом Платные советы = «примитивные бонусы» только к Платным товарам!!!
 То есть если чел покупает платный товар (даже один за 29руб), то в качестве бонуса в нагрузку он может скачать и платный совет. Главное чтобы такой совет был привязан хотя бы на одном товаре который он покупает.
 В админке, как вариант, можно проставлять галочки к каким разделам будет привязан платный совет
 г) Товары бесплатные — описывать не буду — пользователь их просто получает без оплаты
 д) Товары платные делятся на «простые= не вип» и «вип тексты».
 

е) Корзина краткий пример…
 Если человек покупает 1 простой товар, то стоимость к оплате = 29 руб и ИТОГО 29 руб, скидка 0 руб.
 Если человек покупает 2 простых товара (не вип), то стоимость к оплате = 29х2 и ИТОГО 58руб, скидка 0 руб.
 Если человек покупает 3 простых товара (не вип), то на них идет скидка. Соотвественно общая сумма заказа = 87руб., скидка 28 руб ((29рубх3)-59руб=28руб), итого или общая сумма к оплате = 59 руб (59/3= 19,667 руб.)
 …
 19) На тексты ВИП СКИДКА НИКОГДА не распространяется и их стоимость к оплате может быть разная — чаще 159руб или другая сумма которую установит владелец сайта.
 Например человек покупает 5 простых текстов и один вип за 159руб, соответственно сумма заказа = 79руб+159руб=238руб.
 20) Цена за тексты может меняться и в какой-то момент товар может стать вип или наоборот.
 

21) Минимальная аналитика и статистика (какая есть по возможностям MODX), в том числе возможность проверки – например, на отсутствие расхождений имен и статуса авторов текстов.
 22) Очень важен хороший редактор для вложения товаров, в том числе автопроверка текста при вложении основной информации. На сайте важно единообразие стилей подачи текста. Т.е. стандарт. Заголовки везде одним размером шрифта, текст другим размером шрифта. Заголовки внутри самого текста обычно жирным шрифтом (с жирным шрифтом проблем нет). Межстрочный интервал везде одинарный. Нумерация и маркировка абзацев внутри текста визуализируется на сайте….
 

Выжимка из ТЗ
 Цель сайта — создание площадки для:
 ⦁ Расширения круга покупателей, пополнение базы данных покупателей: адреса и сфера интересов
 ⦁ Успешного продвижения и продажи товара (тексты фольклорного, развлекательного характера)
 ⦁ Расширение кругозора людей и их объединение по их интересам Задачи сайта:
 ⦁ Полная автоматизация покупки товаров покупателем
 ⦁ Исключение телефонных контактов
 ⦁ Максимальное ограничение почтовых контактов с покупателем за счет удобной подачи информации в интернет магазине. Пользователь имеет возможность написать письмо администратору/модератору только по строго прописанной форме 
 ⦁ Автоматизация процесса оплаты товаров покупателем (широкий спектр средств оплаты) — агрегаторы платежей
 ⦁ Повышение лояльности клиентов за счет качественного обслуживания Общие требования к дизайну
 1) Адаптивный дизайн, тк просмотр чаще всего будет с планшетов или мобилы. Примерное фото как это может быть на мобиле или планшете asos.com (вложенное фото). При этом все (о проекте, преимущества, каталог, корзина…) зашивается в выдвигающееся меню (кнопка меню слева от логотипа проекта) а на главной странице идут сразу разделы каталога. Сверху на главной странице значок проекта (по центру) и корзина (справа от логотипа).
 2) Каждому товару присвоен свой ID. ID товара — визуально видный пользователю. Необходим в случаях экспорта товаров, поиска, проверки, вдруг у пользователя могут возникнуть проблемы с получением товара итд
 3) на странице товара: есть имя автора текста и через запятую его статус (без ссылок куда-либо)
 4) у текста на странице товара есть признаки: сезон, луна, событие… (и пригодятся для экспорта товаров ) и в будущем это будет часть формы поиска.
 5) На странице товара или где то внутри, может быть где буду вкладывать товар… также надо будет реализовать невидимые пользователю теги (я назову их «технические теги») чтобы потом при загрузке/экспорте контента можно было бы сопоставлять куда в какой раздел/подраздел вкладывать текст и смотреть задублирован текст (товар) на сайте или нет.
 6) знаки соцсетей: на странице товара, в подвале, при покупке товара, на странице загрузки товара — это просто будет ссылка на страницу товара (так называемая реклама товару не более того)
 Например, как это стандартно делается для соц сетей:
 когда нажимаешь на значок соцсети, то появляется окошко для входа в соцсеть и после залогинивания пользователем на свой профиль в выбранной соцсети, — в профиль пользователя выгружается или 1) ссылка на страницу товара или 2) фото, название, краткое описание и ссылка на сайт где можно купить этот товар. 3) если значок соцсети нажимается не с конкретного товара, то в профиль пользователя выгружается «логотип» + девиз: например, «меняйте жизнь к лучшему» и ссылка на сайт.
 7) на странице товара:
 а) иконка глаз — кол-во просмотров.
 б) иконка доллар (у платных текстов) — кол-во покупок этого товара
 в) иконка загрузки (у бесплатных текстов) — кол-во выгрузок бесплатных текстов пользователями.
 г) иконка «гантели» = «узел цепи» — это лайки которые ставит пользователь — и показывает количество того, сколько раз поделились ссылкой на этот текст Внутренности сайта:
 1) Быстрая загрузка страниц
 2) Возможность владельцу сайта производить экспорт файлов, чтобы после экспорта файлов их можно было бы загрузить к себе на комп (желателен файл word или txt, csv — обсуждаемо) и иметь на стационарном дубль: типа «электронного архива» с разделами и подразделами. Такой экспорт может делать только владелец сайта но не администратор.
 3) разграничение прав доступа владельцу, администратору, модератору сайта. Явно видно права доступа и возможности владельца сайта, администратора, модератора 4) Пользователь не может скопировать тексты с сайта как и вложенные тексты-товары (платные или бесплатные: аннотация, доп.информация и тд) с помощью «копи паст», также полученные файлы (платные или бесплатные) тоже не могут быть отредактированы и скопированы как «копи паст» и пользователь не может скопировать и не может вставить в любой текстовый редактор. Их править на компе пользователю нельзя, а распечатывать можно (то есть картинка или пдф...). При этом, на сайте возможность копирования / редактирования текстов есть только у одного человека — владелец ресурса у модераторов и у покупателей такой возможности нет. 
 5) После оплаты у платных текстов или ввода емайла у бесплатных (в интерактиве все показано) робот высылает на почту полный текст (пользователь не может его редактировать, только если перепечатает или перепишет от руки) или позволяет скачать
 6) встроить функцию — проверки ошибки пользователем — то есть когда пользователь на сайте увидел какую то ошибку/опечатку — он выделяет ее курсором, затем нажимает сочетание клавиш (например, ctrl+… главное чтобы были соседние) то на прописанный адрес отправляется автоматическое письмо с картинкой этой ошибки или письмо с указанием опечатки. 
 7) в бесплатных текстах пользователь не должен видеть основной текст сразу — только после ввода емайла (в интерактиве все видно)
 8) Периодически бесплатные тексты могут становиться платными или наоборот платные могут стать бесплатными.
 9 Может быть такая ситуация что текст бесплатный а рекомендации к нему (советы) платные. Рекомендации – это взаимосвязанные товары.
 10) автопроверка или проверка текстов на плагиат между собой, чтобы исключить публикацию повторов содержания текстов
 11) Транслитерация на сайте нужна когда текст вкладываешь: когда пользователь набирает русские слова при английской раскладке, то комп сам меняет ему абракадабру на нормальное русское слово
 12) установленная форма письма. Например, в случае перебоев работы сайта, неполучения товара человек проходит по соответствующей ссылке раздела меню и
 пишет письмо по установленной форме, где тема письма (выбор по выпадающему списку)и проверку на бот.
 13) Один текст-товар может присутствовать в разных подразделах одновременно но при этом чтобы сайт понимал что это не задвоение контента.
 14) Советы к текстам неуникальны, то есть один и тот же совет (есть раздел «советы») может быть применим к разным товарам. Также к текстам-товарам могут быть добавлены сопутствующие товары (в интерактиве видно на странице товара).
 15) в корзине «наименования текстов» содержат активную ссылку чтобы пользователь в новом окне мог вспомнить что же он положил в корзину, если забыл, о чем речь в тексте.
 16) в корзине При удалении товара из списка, общая сумма заказа, сумма скидки и ИТОГО автоматически обновляется.
 17) Комиссии платежных систем УЖЕ ЗАЛОЖЕНЫ внутри цен. (платежный агрегатор предварительно выбран и зарегистирован) 18) Расписываю логику для покупок/скачиваний на всякий случай еще раз (в том числе и для пояснений к программированию):
 а)Тексты делятся на бесплатные и платные в том числе на товары и советы. Советы могут быть как отдельным товаром, так и сопутствующим если текст является платным товаром.
 б) Бесплатные советы — это «примитивные» бонусы (при их наличии на странице товара к платным/бесплатным товарам. Они не уникальны. Например бесплатный совет для одного товара из раздела «внешность» — подходит для другого товара из точно такого же раздела. В админке, как вариант, можно проставлять галочки к каким разделам будет привязан бесплатный совет). Такие бесплатные советы по умолчанию появляются в карточке товара и при получении товара пользователем, главное чтобы хотя бы один совет был привязан к одному из получаемых товаров
 в) Платные советы покупаются или отдельно или как дополнение к бесплатным товарам (при желании чела и при наличии таких на странице товара). Их стоимость всегда 29 руб.
 !!! При этом Платные советы = «примитивные бонусы» только к Платным товарам!!!
 То есть если чел покупает платный товар (даже один за 29руб), то в качестве бонуса в нагрузку он может скачать и платный совет. Главное чтобы такой совет был привязан хотя бы на одном товаре который он покупает.
 В админке, как вариант, можно проставлять галочки к каким разделам будет привязан платный совет
 г) Товары бесплатные — описывать не буду — пользователь их просто получает без оплаты
 д) Товары платные делятся на «простые= не вип» и «вип тексты». е) Корзина краткий пример…
 Если человек покупает 1 простой товар, то стоимость к оплате = 29 руб и ИТОГО 29 руб, скидка 0 руб.
 Если человек покупает 2 простых товара (не вип), то стоимость к оплате = 29х2 и ИТОГО 58руб, скидка 0 руб.
 Если человек покупает 3 простых товара (не вип), то на них идет скидка. Соотвественно общая сумма заказа = 87руб., скидка 28 руб ((29рубх3)-59руб=28руб), итого или общая сумма к оплате = 59 руб (59/3= 19,667 руб.)
 …
 19) На тексты ВИП СКИДКА НИКОГДА не распространяется и их стоимость к оплате может быть разная — чаще 159руб или другая сумма которую установит владелец сайта.
 Например человек покупает 5 простых текстов и один вип за 159руб, соответственно сумма заказа = 79руб+159руб=238руб.
 20) Цена за тексты может меняться и в какой-то момент товар может стать вип или наоборот. 21) Минимальная аналитика и статистика (какая есть по возможностям MODX), в том числе возможность проверки – например, на отсутствие расхождений имен и статуса авторов текстов.
 22) Очень важен хороший редактор для вложения товаров, в том числе автопроверка текста при вложении основной информации. На сайте важно единообразие стилей подачи текста. Т.е. стандарт. Заголовки везде одним размером шрифта, текст другим размером шрифта. Заголовки внутри самого текста обычно жирным шрифтом (с жирным шрифтом проблем нет). Межстрочный интервал везде одинарный. Нумерация и маркировка абзацев внутри текста визуализируется на сайте….

Выжимка из ТЗ
 Цель сайта — создание площадки для:

bootstrap

html_шаблон

modx-разработчик

верстка

верстка Lading page

доработка

лендинг

продвижение

продвижение Lading page

работа

разработка сайта

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!