Описание:Ищем опытного fullstack-разработчика с глубоким пониманием CMS Bitrix. Задача — выполнение кастомной верстки и доработок на базе предоставленных макетов, а также интеграция всей верстки с админкой Bitrix. Важно соблюдение всех современных стандартов безопасности, производительности и надежности.Основные задачи:Кастомная адаптивная верстка по макетам (Figma)Макеты: Будут предоставлены макеты в Figma с использованием UI Kit, включая как настольные, так и мобильные версии. Макеты адаптированы под три основные категории разрешений:Мобильные устройства: 320–639 пикселей.Планшетные устройства: 640–1023 пикселей.Десктопные устройства: 1024–1440+ пикселей.Требования к верстке:Верстка должна быть адаптивной и работать по принципу резиновой верстки на основе rem, с пропорциональным масштабированием элементов.Строгое соответствие стандартам w3c и xHTML Strict, с использованием CSS. Все стили должны быть вынесены в файл style.css, который будет храниться в папке /css/.JavaScript файлы должны храниться в папке /js/.Структура файлов и директорий должна быть организованной.Требования к коду:HTML-код должен быть структурирован, а стили на английском языке. У всех ссылок и изображений должны быть прописаны атрибуты title и alt.Верстка должна корректно отображаться во всех современных браузерах.Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД MySQL. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них. Статичные данные хранятся в файлах согласно рекомендациям разработчика CMS «1С-Битрикс: Управление сайтом».Все ссылки на сайте должны быть относительными (за исключением внешних). Внешние ссылки всегда открываются в новой вкладке.При несовпадении пропорций загружаемой картинки и пропорций стандартизированного изображения происходит симметричная обрезка изображения с нужной стороны: при горизонтальной ориентации изображения обрезка должна происходить слева и справа, при вертикальной — сверху и снизу. Обрезка не заменяет масштабирование, а только дополняет его — изображение обрезается до совпадения пропорций, а затем масштабируетсяСайт должен предусматривать загрузку изображений любого размера, любой ориентации, а также изменение размера изображений в зависимости от состояний изображений, предусмотренных дизайн-макетами сайта.Объем одной стандартной загружаемой страницы сайта (с учетом изображений) в среднем не должен превышать 5 МБ.Требования к серверной и публичной части проекта:Серверная часть:Операционная система семейства Unix на базе ядра Linux (CentOS, Debian и др.).Обязательное использование Nginx в качестве веб-сервера.PHP-fpm версии 8.1 и выше.CMS — 1С-Битрикс.СУБД — MySQL 5.7 и выше. Весь контент должен храниться в базе данных с использованием стандартных таблиц 1С-Битрикс.Контент должен быть логически распределен по инфоблокам и HL-инфоблокам 1С-Битрикс.Модель данных и используемые таблицы должны быть описаны в документации проекта в процессе разработки.Публичная часть:Twig версии 3.0 и выше.HTML 5 для разметки.CSS 3 для стилизации.JavaScript для интерактивных элементов на сайте.Подключение верстки к админке BitrixВся кастомная верстка должна быть интегрирована с системой управления контентом (админкой) Bitrix.Администраторы сайта должны иметь возможность редактировать все контентные блоки страниц через админку.Верстка должна быть максимально гибкой и легко управляемой через админскую панель Bitrix.Документация по использованию админкиРазработчик должен предоставить подробную документацию по использованию админки Bitrix для управления контентом на сайте.В документации должны быть четко описаны шаги для редактирования контента, добавления новых страниц, работы с элементами верстки и настройками адаптивности.Требования к поддержке браузеровСайт должен поддерживать корректное отображение в последних версиях следующих браузеров: Google Chrome, Firefox, Яндекс.Браузер, Opera, Safari.Для устаревших версий браузеров должно выводиться уведомление с предложением обновить браузер.Производительность и нагрузкаСайт должен поддерживать 10 обращений в секунду с возможными всплесками до 30 обращений в секунду.Разработчик будет проводить нагрузочное тестирование с использованием платформы Loader.io для оценки следующих параметров:Общее количество запросов в секунду (RPS).Время отклика сервера.Тестирование будет проводиться на сервере с характеристиками:4 ядра CPU 2,5 ГГц.4 Гб ОЗУ.SSD для хранения данных.Требования к надежностиСайт должен быть размещен на отказоустойчивой архитектуре, с ежедневным резервным копированием базы данных.При сбоях электропитания сайт должен автоматически восстанавливать свою работу.Требования к безопасностиВключение всех актуальных настроек безопасности CMS Bitrix, защита от SQL-инъекций, XSS и фишинга.Запрет доступа к административной панели из внешней сети.Сканирование безопасности сайта с использованием встроенных инструментов Bitrix.Защита информации от несанкционированного доступаНастройка системы прав доступа с ролями и категориями пользователей.Защита сессий пользователей и персональных данных.Надежность при аварияхСохранность информации при сбоях за счет создания и восстановления резервных копий.Требования:Опыт работы с CMS Bitrix, включая кастомные доработки и интеграцию верстки с админкой.Навыки работы с макетами Figma и адаптивной версткой.Опыт в обеспечении безопасности и оптимизации производительности Bitrix-сайтов.Навыки работы с Redis и нагрузочным тестированием.Умение составлять понятную документацию для пользователей админки.
Необходимо сверстать многостраничник выставки, 17 стр. Много повторяющихся блоков. Главную и второстепенную прикладываю. Требуется качественная, адаптивная, кроссбраузерная верстка. Присутствуют: Счетчик обратного отсчета, всплывающие окна, карусели, карта. Необходимо, чтобы скорость загрузки была >= 80, по гугл спид. Оптимизировать все изображения. При необходимости, загрузка больших фотографий – при открытии.
Оплата поэтапная.
70% просмотров сайта нашей аудиторией – на мобильных устройствах, т.е. мобильной верстке нужно уделять большое внимание.
Макеты предоставляются в Figma. Только высокое качество работы, соблюдение сроков, соблюдение требований по скорости открытия, адаптивности.
Верстка
Опубликован: 03.12.24 11:44
Бюджет: 135000 руб.~$1685.19
Фронтенд верстка Bootstrap
Здравствуйте!
Ищем фронтенд разработчика. В качестве пробной задачи сборка главной страницы, ТЗ ниже.
Если готовы взяться оцените тз по сроку и стоимости.
Верстка только под мобильные устройства, телефоны.
Макет 1 страница, 4 блока https://www.figma.com/design/sUHP6R0lU04KNSeOzTvqdB/Untitled?node-id=0-1&node-type=canvas&t=hbnHlDHGymWeEb1o-0
Делаем на шаблоне https://starfallapp.io/kit/code/index.html исходники шаблона https://disk.yandex.ru/d/R-Uy1mhk6p5Cmg
Bootstrap 5, Vanilla JavaScript
Необходимы доп настройки шаблона:
Меню и хедер https://disk.yandex.ru/i/TdM7KhAneeujKA
Отключить PWA, предложение установить приложение https://disk.yandex.ru/i/IqIS8PiPZ9ggHQ
Компоненты:
Прогресс бар https://starfallapp.io/kit/code/component-progress.html
Таймер https://starfallapp.io/kit/code/page-soon-1.html нужна возможность указывать цифры таймера к коде html, а не в plugins/countdown/countdown-call.js. Предполагается, что таймеров на странице будет несколько, должны не конфликтовать.
Верстка
Опубликован: 03.12.24 11:14
Бюджет: 3000 руб.~$37.45
Разработать плагин для Figma
1) Нужна консультация по возможности разработки плагина для Figma; 2) Если все ок, то тогда разработка.
Scripts
Опубликован: 03.12.24 09:43
Бюджет: 5000 руб.~$62.42
Нарисовать дизайн для сайта лендинга
Компания ВамФрут занимается оптовыми поставками для гостиниц, кафе, ресторанов и мини-маркетов фруктов и овощей, в г. Санкт-Петербурге и Ленинградской обл.
Необходимо нарисовать дизайн для лендинг-сайта на figma из 6 блоков с адаптивом на десктоп/моб. версии экрана.
1. Блок - тематический фон с кратким описанием о сайте.
2. Блок - информация для посетителя ( наше УТП).
3. Блок - Категории продукции (каталог) 8 блоков с изображением и кратким текстом.
4. Блок - Информация о компании + галерея с изображением нашего предприятия
5. Блок - информация для партнеров ( поставщикам, перевозчикам и т.д.)
6. Блок - Форма обратной связи и контакты.
Приветствуются навыки копирайтинга - будет доп. вознаграждение.
получить ЗАКАЗ - необходимо прислать референс с вашим видением.
Веб и мобильный дизайн
Опубликован: 03.12.24 09:22
Бюджет: 20000 руб.~$249.66
Инфографика для вб
[:2600]Добрый день! Находитесь в поиске дизайнера? Я могу сделать качественное оформление, которое повысит продажи и продемонстрирует все преимущества вашей компании и товара.
Я дизайнер инфографики и полиграфии. Имею большой опыт работы в программах Photoshop, Figma, Illustrator. Знаю как сделать дизайн, который будет работать.
В мою работу входит:[:26aa]консультация [:26aa]анализ конкурентов
[:26aa]анализ ЦА [:26aa]работа с нейросетями [:26aa]5 правок бесплатно
Какой дизайн мы могли бы сделать? Что думаете?
Буду рада сотрудничеству [:1f64c] пишите
Презентации и инфографика
Опубликован: 03.12.24 09:07
Бюджет: 1000 руб.~$12.49
Верстка по макету
Сделать верстку по макету https://www.figma.com/design/odpFjSp426V6l3nKJhUULE/DEELS-_UX-%D0%A0%D0%B5%D0%B2%D1%8C%D1%8E?node-id=151-227&node-type=section
для сайта deels.ru - обязательно использовать стили с сайта, новые не создавать!!!
очень желательна оперативность и быть на связи в случае доработок
Верстка
Опубликован: 03.12.24 08:50
Бюджет: 10000 руб.~$124.83
Есть 100 готовых макетов в Figma
Есть 100 готовых макетов в Figma - нужно добавить элементы новогоднего декора по уже готовому дизайну
https://www.figma.com/design/2gt62FLBOTBlkoIASTRrAM/%D0%9D%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%BF%D0%B0%D0%BA%D0%B5%D1%82_2-%D1%87%D0%B0%D1%81%D1%82%D1%8C?node-id=0-1&node-type=canvas&t=54n9JdwRfH9qeqhp-0
Полиграфия
Опубликован: 03.12.24 08:32
Бюджет: 1000 руб.~$12.49
7 карточек товара к уже имеющемуся проекту Figma
Оформление и стиль в общей концепции.
https://www.wildberries.ru/catalog/269520179/detail.aspx?targetUrl=GP
Товар: Лазерная указка 303 для кошек и собак зеленая 532 нм (с аккумулятором и зарядным устройством в коробке)
Формат: FIG (в слоях)
Разрешение: от 1000 до 4320 по большей стороне
Соотношение сторон: 3:4
Размер PNG: до 10Мб
Все фото должны быть в едином стиле. Фон нейтральный (бледно зеленый).
Цвета оформления: черный, зеленый (в диапазоне RGB около 101, 255, 0 или ярче), белый
На всех фото д/б наличие логотипа
На всех фото на товаре должна быть наша маркировка "LF-G303"
Нравятся товары (конкуренты):
https://www.ozon.ru/product/moshchnaya-lazernaya-ukazka-zelenyy-luch-s-akkumulyatorom-lazer-dlya-podachi-signala-i-turizma-1392511330
https://www.wildberries.ru/catalog/182517282/detail.aspx
1.Главное фото: Лазерная указка с лазерным лучом 303, игривый котенок (есть)
2 фото Изображение: Указка (заменить на 303), кошка, собака (есть)
3 фото (новое) с инфографикой про насадку как у конкурента фото 2
4 фото (новое) Фокусировка – как у конкурента 3 фото
5 фото (новое) Коробка с комплектом как у конкурента
6 фото Изображение: Размеры и вес
7 фото (новое) Детали лазерной указки
Подробное ТЗ в файле
Ссылка на всю галерею и на проект Figma исполнителю и по запросу.
Маркетплейсы и соцсети
Опубликован: 03.12.24 08:32
Бюджет: 3000 руб.~$37.45
Разработать простой каталог на ВП за 4-е дня
Есть сайт на ВП, https://moregroup.pro/
Есть дизайн макет каталога и карточки объекта:
https://www.figma.com/design/hjfSBWUywA6ebH20unUSp6/Сайт-Таиланд-MoreGroup?node-id=2492-3647&node-type=frame&t=UCecPJElHSJxdJDI-0
Контент для наполнения: https://docs.google.com/document/d/1z802tzjVZARPd1XIWfBB453mrUvECmFQCAHi2gUi2W0/edit?tab=t.0
Также требуется учесть на заходной странице каталога SEO тз:
https://docs.google.com/document/d/1HzWth0ywX6HDwvvJRds4KEqSYHLCYcns/edit#heading=h.w4wblboq34vt
Каталог и на Английском и на Русском языке (см. текст карточек на русском и на английском языке приложен).
Разработчик проекта не отвечает три недели, клиент нам очень сильно делает мозги, мы переплачиваем из своего кармана ведя проект в 0, за срочность и невысокую цену +в карму )
Доработка и настройка сайта
Опубликован: 03.12.24 08:02
Бюджет: 20000 руб.~$249.66
Есть 150 готовых макетов в Figma
Есть 150 готовых макетов в Figma - нужно добавить элементы новогоднего декора по уже готовому дизайну
https://www.figma.com/design/2gt62FLBOTBlkoIASTRrAM/%D0%9D%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%BF%D0%B0%D0%BA%D0%B5%D1%82_2-%D1%87%D0%B0%D1%81%D1%82%D1%8C?node-id=0-1&node-type=canvas&t=54n9JdwRfH9qeqhp-0
Полиграфия
Опубликован: 03.12.24 07:50
Бюджет: 1000 руб.~$12.49
Верстка на чистом коде макета
https://www.figma.com/design/Q3DPnZFZVrCDCASUIYfuEE/Untitled?t=Hsw3ZnAP7USN9t7H-0 необходимо сверстать на чистом коде данный макет это админка сайта
От вас потенциальное быстрое решение
Качественная верстка
В сжатые сроки
Верстка
Опубликован: 03.12.24 07:33
Бюджет: 8000 руб.~$99.87
Верстка интернет-магазина
Отрисован дизайн в figma.
Нужно сверстать кроссбарузерно, адаптивно.
Всю доп информацию вышлю откликнувшимся.
Верстка
Опубликован: 03.12.24 05:54
Бюджет: 150000 руб.~$1872.43
Нарисовать блоки
Нужно переделать дизайн сайта, https://tdles.com/Дизайн шапки уже есть https://www.figma.com/design/XybGQDCitNkiuKPpM4Tf8...Что нужно1) Сделать выподающее меню в шапке при нажатие на каталог2) Сделать вариант шапки фиксированный для пк3) Добавить разделы на главную после баннеров, список разделов4) Переработать страницу каталога, переработать карточки товаров, добавить выбор кол-во и кнопку в корзину5) Переработать фильтр товаров на странице каталогаВся структура на сайте есть, основная цель обновить те блоки что я указалОбновить и сделать современнейСтиль сайта – современный в зелёных тонах. Примеры сайтов https://lenwood.ru/ https://www.kronawood.ruПишите тг, цену я указал, работаю с оплатой по этапам
Sites
Опубликован: 02.12.24 21:01
Бюджет: 6000 руб.~$74.9
Сверстать лендинг в вебфлоу
Макеты подготовлены в Figma + так чтобы легко было переносить через плагин Webflow. Примерно 8 блоков, дизайн при личном обсуждении, сейчас нужно предварительное согласие на бюджет и возможность реализовать эффекты.
1. Моушен эффекты элементов в первом экране по загрузке (Page load) (подъезд заголовков, появление блоков и так далее)
2. Scroll into view на блоки где баннеры, ховер эффект у баннеров
3. Простой паралакс по одной оси в одном блоке
4. В первом экране есть как бы картинки аватаров, надо сделать замену циклическую аватаров пользователей https://prnt.sc/KyYRCIdG53Mt (то есть чтобы в каждом слоте показалось автара 3 сменяясь по кругу, аватары меняются не все разом одновременно, а частями, чтобы создавалось приятная динамика)
5. Ползунок должен скрывать и раскрывать верхнюю фотку https://prnt.sc/m33vuqctgIK2 чтобы был эффект без фильтра и с фильтром.
6. Минимальные ховер эффекты на другие блоки, думаю тоже scroll into view (подъезд снизу из прозрачности)
7. Эти линии сделать прорисовку под скроллинг https://prnt.sc/jwLoz0B94mU7 , такой же есть в футере. На вебфлоуе частый такой эффект, есть много готовых решений.
8. на планшете-мобилке зацикленная по кругу анимация аватаров https://prnt.sc/jwLoz0B94mU7 (линеар движение по круговой оси аватаров, какого-то количество может шт 20)
Пишите сроки, стоимость. Примеры на вебфлоу и если не автоответ 3024
Верстка
Опубликован: 02.12.24 19:29
Бюджет: 30000 руб.~$374.49
Сверстать лендинг из Figma в Webflow
Сверстать лендинг в вебфлоу. Макеты подготовлены так чтобы легко было переносить через плагин Webflow. Десктоп
https://www.figma.com/proto/jNmI8u6398P1hEXinFII9a/Avenue?page-id=91%3A18839&node-id=91-18840&node-type=frame&viewport=656%2C-1903%2C1&t=KiNfAo9ZDuGj9tmP-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=91%3A18840
Мобилка
https://www.figma.com/proto/jNmI8u6398P1hEXinFII9a/Avenue?page-id=0%3A1&node-id=12-1010&node-type=frame&viewport=363%2C413%2C0.13&t=vMZQrifnl0GYqoq3-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=12%3A1010&show-proto-sidebar=1 (мобилка длинная, надо кликнуть на первый экран просто)
Из эффектов
1. Моушен эффекты элементов в первом экране по загрузке (Page load) (подъезд заголовков, появление блоков и так далее)
2. Scroll into view на блоки где баннеры, ховер эффект у баннеров
3. Простой паралакс по одной оси, можно увидеть на десктопе наведя влево и вправо на этом блоке https://prnt.sc/w17dx58Vjow_
4. В первом экране сделать замену циклическую аватаров пользователей https://prnt.sc/v4DC3_PgPeDL (то есть чтобы в каждом слоте показалось автара 3 сменяясь по кругу, аватары меняются не все разом одновременно, а частями, чтобы создавалось приятная динамика)
5. Ползунок должен скрывать и раскрывать верхнюю фотку https://prnt.sc/m33vuqctgIK2 чтобы был эффект без фильтра и с фильтром.
6. Минимальные ховер эффекты на другие блоки, думаю тоже scroll into view (подъезд снизу из прозрачности)
7. Эти линии сделать прорисовку под скроллинг https://prnt.sc/jwLoz0B94mU7 , такой же есть в футере. На вебфлоуе частый такой эффект, есть много готовых решений.
8. на планшете-мобилке зацикленная по кругу анимация аватаров https://prnt.sc/_SLK3yYo6d1G (линеар движение по круговой оси аватаров, какого-то количество может шт 20)
Пишите, сроки, стоимость. Примеры на вебфлоу и если не автоответ 4240
Frontend
Опубликован: 02.12.24 18:40
Бюджет: 15000 руб.~$187.25
Сверстать лендинг в вебфлоу
Сверстать лендинг в вебфлоу. Макеты подготовлены в Figma + так чтобы легко было переносить через плагин Webflow. Примерно 8 блоков, дизайн при личном обсуждении, сейчас нужно предварительное согласие на бюджет и возможность реализовать эффекты.
1. Моушен эффекты элементов в первом экране по загрузке (Page load) (подъезд заголовков, появление блоков и так далее)
2. Scroll into view на блоки где баннеры, ховер эффект у баннеров
3. Простой паралакс по одной оси в одном блоке
4. В первом экране есть как бы картинки аватаров, надо сделать замену циклическую аватаров пользователей https://prnt.sc/KyYRCIdG53Mt (то есть чтобы в каждом слоте показалось автара 3 сменяясь по кругу, аватары меняются не все разом одновременно, а частями, чтобы создавалось приятная динамика)
5. Ползунок должен скрывать и раскрывать верхнюю фотку https://prnt.sc/m33vuqctgIK2 чтобы был эффект без фильтра и с фильтром.
6. Минимальные ховер эффекты на другие блоки, думаю тоже scroll into view (подъезд снизу из прозрачности)
7. Эти линии сделать прорисовку под скроллинг https://prnt.sc/jwLoz0B94mU7 , такой же есть в футере. На вебфлоуе частый такой эффект, есть много готовых решений.
8. на планшете-мобилке зацикленная по кругу анимация аватаров https://prnt.sc/jwLoz0B94mU7 (линеар движение по круговой оси аватаров, какого-то количество может шт 20)
Пишите, сроки, стоимость. Примеры на вебфлоу и если не автоответ 3024
Верстка
Опубликован: 02.12.24 18:36
Бюджет: 24000 руб.~$299.59
Доработка Android приложения на Kotlin
В разрабатываемом проекте на платформу Android ищем разработчика. Стек:
- Kotlin (Android studio)
- UI написан частично нативно (xml), частично на Scaffold (можно все перевести на нативную разметку)
- okhttp3, koin.core, retrofit2, glide, media3.exoplayer2
- Чаты на WebSocket
Список функциональных задач на текущий этап:
- Чат (текст, медиа, сортировка сообщений по датам, прочитано/отправлено/новые/удаление/закрепление, переход к новым при открытии чата, чат с поддержкой)
- Лента медиа постов
- Просмотр чужого медиа поста (UI реализован)
- Просмотр чужого профиля (UI реализован)
- Подписка/отписка от профиля
- Поиск акаунтов (UI реализован)
- Push-уведомления (подключить пуши, выводить их на экране, при получении пуши о новом сообщении в чате, переводить при тапе на экран чата)
Условия:
⁃ 75 000 рублей
⁃ 1 месяц
Ссылку на дизайн в Figma в личку.
Работа по договору с Самозанятым или ИП.
Поэтапно, начинаем с чата, потом лента, потом просмотр чужого поста/профиля, потом поиск.
Ищем специалиста для долгосрочной работы, т.к. после текущей задачи, будет много следующих.
ВАЖНО!
Ищем фрилансера, а не студию!
Просьба начинать свой фидбек со следующего:
1. Опыт разработки под Android и в общем
2. Кол-во реализованных апп и создавали ли чаты на WebSocket
3. Пару ссылок на работающие приложении
4. В какое время доступны для работы, в какое для связи и сколько есть свободного времени для нашей задачи
5. Фриланс это доп. работа либо основная деятельность (если доп. работа, то над чем в основной трудитесь)
Android
Опубликован: 02.12.24 17:03
Бюджет: 75000 руб.~$936.22
Разработка приложения на FlutterFlow + Supabase
Необходимо разработать приложение планирования задач (to-do list) на FlutterFlow с использование БД Supabase
Есть подробное ТЗ. Есть подробный дизайн на Figma
Разрабатывать необходимо по частям .
Для начала обсуждения присылайте стоимость за час и портфолио.
Других вариантов не предлагать
Мобильные приложения
Опубликован: 02.12.24 16:38
Бюджет: 2000 руб.~$24.97
Страница для решения 100 арифметических примеров
Есть страница, на которой размещено 100 простейших арифметических примеров (5+7, 18-4 и т.д.), заходя на которую пользователь должен решить их на время.
Вот как она выглядит:
https://www.figma.com/design/5tv00f224LAbZk3mu1exJr/100-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D1%82%D0%B8%D1%8F-%D0%BC%D0%BE%D0%B7%D0%B3%D0%B0?node-id=273-4764&node-type=frame&t=P3rgQ5pSWghS7zFj-0
Здесь кликабельный прототип:
https://www.figma.com/proto/5tv00f224LAbZk3mu1exJr/100-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D1%82%D0%B8%D1%8F-%D0%BC%D0%BE%D0%B7%D0%B3%D0%B0?node-id=273-4764&node-type=frame&t=P3rgQ5pSWghS7zFj-0&scaling=min-zoom&content-scaling=fixed&page-id=1%3A3
Нужно её реализовать, используя на бэкенде PHP (желательно фреймворк Laravel) + БД MySQL, а на фронте Vue.js.
Вёрстка готова, вам верстать не надо будет.
Все особенности, которые надо учесть, смотрите в видеоописании: https://share.cleanshot.com/fqSFNX26
Бюджет: 50 000 рублей
Срок: 14 дней
В заявке обязательно укажите какой стек технологий будете использовать для реализации. Предпочтение будет отдаваться PHP (желательно фреймворк Laravel) + БД MySQL, а на фронте Vue.js. т.к. у нас ряд других проектов на этом стеке и если хорошо справитесь с задачей планирую вас также привлекать к работе с другими нашими проектами.
Скрипты и боты
Опубликован: 02.12.24 15:01
Бюджет: 100000 руб.~$1248.29
Реализовать страницу решения простых арифметических примеров
Есть страница, на которой размещено 100 простейших арифметических примеров (5+7, 18-4 и т.д.), заходя на которую пользователь должен решить их на время. Вот как она выглядит:
https://www.figma.com/design/5tv00f224LAbZk3mu1exJr/100-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D1%82%D0%B8%D1%8F-%D0%BC%D0%BE%D0%B7%D0%B3%D0%B0?node-id=273-4764&node-type=frame&t=P3rgQ5pSWghS7zFj-0
Здесь кликабельный прототип:
https://www.figma.com/proto/5tv00f224LAbZk3mu1exJr/100-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%80%D0%B0%D0%B7%D0%B2%D0%B8%D1%82%D0%B8%D1%8F-%D0%BC%D0%BE%D0%B7%D0%B3%D0%B0?node-id=273-4764&node-type=frame&t=P3rgQ5pSWghS7zFj-0&scaling=min-zoom&content-scaling=fixed&page-id=1%3A3
Нужно её реализовать, используя на бэкенде PHP (желательно фреймворк Laravel) + БД MySQL, а на фронте Vue.js.
Какие особенности нужно учесть:
1. Есть два варианта отображения этих примеров - либо он видит сразу все 100 шт., либо видит только один за раз. Человек выбирает подходящий ему вариант, нажимая на соответствующую кнопку.
2. Изначально пользователь видит рандомные примеры, но как только он нажимает кнопку «Начать» и запускается таймер, то все примеры обновляются (защита от того, что он решит все примеры до запуска таймера).
3. Пользователь может решать примеры без авторизации, тогда у него не будет возможность видеть статистику решений. Либо он может авторизоваться и видеть статистик всех своих попыток (сколько было всего сессий, средний результат, лучший результат) и график.
4. График вам не надо будет делать с нуля, для этого мы с вами задействуем готовое решение от amcharts. Нужно будет в него передавать данные.
5. Я как владелец сервиса должен после авторизации видеть ещё панель администратора, где видна статистика по кол-ву пользователей, среднему времени решения, статистику подходов (см. макет в фигме).
6. У пользователя есть возможно сменить размер шрифта примеров, когда он видит их все разом.
7. Есть ссылка «Знаете как улучшить сервис? Напишите нам». При клике появляется окошко, где человек сможет ввести текст и отправить его мне. Такой текст должен будет прилететь мне в телеграм.
8. Есть ссылка «Настройте напоминание в Телеграмм, чтобы не пропускать тренировки». При клике должен открываться телеграм-бот, где человек сможет настроить себе когда ему присылать напоминание (На первом шаге выбирает: Раз в день, раз в два дня, раз в три дня, раз в неделю. На втором: выбирает время напоминания).
9. Есть ссылка «Версия для печати». При клике в новом окне будет открываться страница где будет только таблица со 100 примерами без всего лишнего.
10. После нажатия кнопки «Начать» запускается секундомер. Кнопка с красным крестиком отменяет попытку. После нажатия кнопки «Начать» фокус попадает в поле с ответом первого примера (у все остальных примеров в этот момент поле для ответа недоступно для ввода ответа, оно как бы находится в режиме disabled и окантовано серым цветом). Если человек ввёл правильный ответ то поле окантовывается зелёным цветом, открывается поле для ответа следующего примера и фокус автоматом перескакивает туда. Если же человек ввёл неправильный ответ, то поле окантовывается красным цветом, ответ стирается и поле снова становится доступным для ввода. Следующий пример не разблокируется до тех пор, пока человек не ввёл правильный ответ.
11. Если человек решил примеры с личным рекордом показываем ему всплывающее окно с поздравлением.
Если из текста не все понятно, здесь ещё видеоописание: https://share.cleanshot.com/fqSFNX26
Бюджет: 50 000 рублей
Срок: 14 дней
В заявке обязательно укажите какой стек технологий будете использовать для реализации. Предпочтение будет отдаваться PHP (желательно фреймворк Laravel) + БД MySQL, а на фронте Vue.js. т.к. у нас ряд других проектов на этом стеке и если хорошо справитесь с задачей палнирую вас также привлекать к работе с другими нашими проектами.