Есть страница, на которой размещено 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. т.к. у нас ряд других проектов на этом стеке и если хорошо справитесь с задачей палнирую вас также привлекать к работе с другими нашими проектами.
Есть макет в Figma - надо добавить новогодних элементов в сам макет
Макет не меняем - только добавляем новогодние элементы
https://www.figma.com/design/8k7Rmi0FaMCNdaEjuuDRkr/Untitled?node-id=0-1&node-type=canvas&t=qQg3hsuKwXEX0cjS-0
Полиграфия
Опубликован: 26.11.24 06:44
Бюджет: 1000 руб.~$12.49
Улучшить макет одной страницы в Figma (2-3 блока)
Необходимо как-то оформить 1 страницу в Figma и расположить информацию о расписании работы магазина. Все сведения представлены по ссылке
https://www.figma.com/proto/rAIrqGBlanHU0zEnLs0lnw/%D0%90%D0%9C%D0%9A---%D1%80%D0%B0%D1%81%D0%BF%D0%B8%D1%81%D0%B0%D0%BD%D0%B8%D0%B5?node-id=1-2&node-type=canvas&t=MmMODJukmCSSs8o1-0&scaling=min-zoom&content-scaling=fixed&page-id=0%3A1
Лучше предложить свой вариант дизайна, но учесть синий цвет или его оттенки
Необходимо сделать два варианта:
1. десктопный вариант
2. адаптивный на обычный телефон (375px- <576px)
Будет использоваться Bootstrap 5
В самом низу следует вставить карту и самый простенький footer
Веб и мобильный дизайн
Опубликован: 26.11.24 06:19
Бюджет: 2000 руб.~$24.97
Сделать фронт и выложить
Дизайн лежит на фигме
https://www.figma.com/design/95CLd876cBfX7CL6dycePx/Untitled?node-id=0-1&node-type=canvas&t=SnSLv1YDX2cYgmh9-0
Сам сайт работает https://posmetam.ru/
нужно сверстать и накатить дизайн на сайт.
Если нужно какие-то страницы дорисовть или тексты написать – обсудим.
Сколько это может стоить - не знаю, давно не занимался [:1f642]
Сайт лежит на хоте RuVDS
Верстка
Опубликован: 26.11.24 04:50
Бюджет: 10000 руб.~$124.83
Верстка на React из Figma
Ищем верстальщика в небольшой проект.
Есть регулярые задачи по верстке компонентов разного уровня сложности из Figma в React.
Есть готовая база элементов из темы Modernize. Дизайн тоже построен на ее основе.
Мы предоставляем все необходимые заглушки.
Требуется:
- Сверстать первый тестовый лэйаут (см. примерное фото в приложении) + несколько доп компонентов к нему (см. приложение). Все, что нужно сверстать в приложении (скрины Фигма).
- Верстать с использованием имеющейся базы элементов темы
- Стандартно документировать и оформлять код
- Подписывать документ о передаче прав на код по итогу каждого заказа (до завершения заказа).
Верстка
Опубликован: 25.11.24 23:13
Бюджет: 50000 руб.~$624.15
Требуется адаптивная верстка интернет-магазина по макету из Figma
Требуется адаптивная верстка интернет-магазина по макету из Figma.Требования:Верстка должна быть адаптивной (отличный UX на всех устройствах).Использование чистого HTML, CSS, JS. Не допускается использование устаревших библиотек и фреймворков, таких как jQuery, Bootstrap и т.д.Верстка будет интегрироваться в WordPress, поэтому важно учитывать:Структуру кода, удобную для последующей разработки тем WordPress.Использование семантических тегов и модульного подхода для упрощения интеграции.Оптимизация кода для скорости загрузки и SEO.Кроссбраузерная совместимость: корректное отображение в современных браузерах (Chrome, Firefox, Opera, Edge, Safari).Укажите в отклике: Стоимость за час вашей работы.Приложите примеры адаптивной верстки, выполненной для интернет-магазинов, в том числе реализованные проекты для WordPress (если есть).Подробное ТЗ вышлю потенциальному исполнителю
Frontend
Опубликован: 25.11.24 22:46
Бюджет: 600 руб.~$7.49
Доработка верстки для WordPress по дизайну Figma
На основе обновленного дизайна необходимо аккуратно и с учетом адаптивности доверстать оставшиеся страницы сайта на WordPress. Требуется доработать около 10 страниц.
Изначальная верстка главной страницы:
https://drive.google.com/file/d/1aYeikFOcvlakL3C485GLL1ubu0O8G-Q1/view?usp=sharing
Косметический редизайн главной страницы и остальных разделов сайта:
https://www.figma.com/design/Tw4mFm3b07cVNsIjAvG1lJ/Mental-Unit-(New)?node-id=2127-9517&t=t9G6Yxvy6NVTgnNI-4
В ответе, пожалуйста, укажите стоимость, подтвердите оптимальный срок выполнения на этой неделе и приложите примеры вашей верстки на WordPress.
Верстка
Опубликован: 25.11.24 19:32
Бюджет: 30000 руб.~$374.49
Сверстать два блока для сайта на CMS WordPress
Здравствуйте, нужно сверстать два блока по дизайн-макету с адаптивами из фигмы. Сайт на CMS WordPress.
Ссылка на дизайн: https://www.figma.com/design/Nkd8JEP5cVUdJXrIz70zVr/WBhouse-and-LetoPromo?node-id=25-197
Что верстать: вкладка "https://wbhouse.ru/" - блок "Наша команда" с работающим слайдером и выводом видео + блок "Отчеты" с работающим слайдером и кнопкой "Скачать"
Верстка
Опубликован: 25.11.24 16:17
Бюджет: 7000 руб.~$87.38
Сверстать два блока для сайта на MODX Revo
Здравствуйте, нужно сверстать два блока по дизайн-макету с адаптивами из Фигмы. Сайт на CMS MODX Revo.
Ссылка на дизайн: https://www.figma.com/design/Nkd8JEP5cVUdJXrIz70zVr/WBhouse-and-LetoPromo?node-id=0-1
Что верстать: вкладка "https://leto-promo.ru" - блок "Местные специалисты с адаптивами + блок "Часто задаваемые вопросы" с адаптивами и работающим JS, попап - делать не нужно
Сайт: https://leto-promo.ru/
Верстка
Опубликован: 25.11.24 16:15
Бюджет: 4000 руб.~$49.94
UX/UI для мед приложения 55 экранов
Разработка дизайна мед приложения под iOS и AndroindМакеты функционала,ТЗ, описание, примеры, обзор конкурентов предоставим. Работа в FigmaТребованияопыт работы в разработке дизайн-проектов для мобильных приложений 3+портфолио по проектамОставляйте пожалуйста контакты телеграм
Mobile
Опубликован: 25.11.24 14:44
Бюджет: 100000 руб.~$1248.29
Сверстать моб приложение
https://www.figma.com/design/ZFnqhDelOr6nN3qimIklwt/Untitled?node-id=0-1&t=byvZXNtZrj6pSwsm-1 сверстать мобильное приложение (делаем под мобильную версию сайта)
Сдать нужно как можно быстрее пишите сразу с ценой и сроками (сроки минимальные)
Верстка
Опубликован: 25.11.24 14:43
Бюджет: 16000 руб.~$199.73
Дизайн главной страницы в figma
Надо сделать дизайн главной страницы в figma. ТЗ приложил.В отклике указывать телеграм для связи.
Landings
Опубликован: 25.11.24 12:52
Бюджет: 3000 руб.~$37.45
Верстка под WP
Здравствуйте, требуется сверстать шаблон по дизайну с фигмы + адаптивы. В дальнейшем шаблон будет натягиваться уже своими силами на WP, это прошу учесть при верстке.
дизайн - https://www.figma.com/design/BHdGFvAEQXhoFDZjjLqDRn/%D0%9F%D1%80%D0%BE%D0%BD%D1%82%D0%BE?node-id=0-1&t=098jP6X5B83AlqtK-1
Верстка
Опубликован: 25.11.24 12:24
Бюджет: 12000 руб.~$149.8
Баннеры для сайта в Figma
Нужно 2 статичных баннера для сайта в 2 разных дизайнах (итого 4).
1 баннер:
Размер 1280x720 px
2 баннер в двух размерах, но с одинаковым дизайном:
Размер 350x196 px
Размер 900x506 px
Референсы в прикрепленных файлах.
Все исходники (шрифты, фото, тексты) я дам исполнителю.
Веб и мобильный дизайн
Опубликован: 25.11.24 12:24
Бюджет: 1500 руб.~$18.73
Сделать дизайн главной страницы по Figma
Сделать дизайн главной страницы, в соответствии с figma%: https://www.figma.com/design/uodLsMerQYsmBR3M3qmBXT/Untitled?node-id=1-21&node-type=frame&t=C6RW4UXP7CRsSa1I-0
Отрисовать все блоки, иконки, лого.
Бренд бука нет, предлагайте варианты по цветовой гамме.
Срок: 3 дня
Оценку по стоимости, сроки и портфолио свои присылайте.
Веб и мобильный дизайн
Опубликован: 25.11.24 11:49
Бюджет: 18000 руб.~$224.7
Разработка веб-сайта на WP
Задача:
Верстка 11 страниц по макетам в Figma и интеграция на платформу WordPress.
Создание уникальной темы без использования конструкторов, таких как Elementor.
Адаптивная верстка для корректного отображения на десктопах, планшетах и мобильных устройствах.
Ключевые требования к сайту:
Высокая скорость загрузки — главный приоритет.
Чистота и читаемость кода — код должен быть структурированным и легко поддерживаемым.
Использование современных технологий — актуальные методы и инструменты веб-разработки.
Макет по запросу.
Верстка
Опубликован: 25.11.24 09:56
Бюджет: 40000 руб.~$499.32
Дорвботать приложение под IOS на Swift vocechanger
Разработка iOS Приложение несложное в основном одни интерфейсы (интерфейсы готовы в figma) и взаимодействие с сервером (отправка запроса по параметру ,получение ответа)
ТЗ и дизайн по ссылке
https://docs.google.com/document/d/1VoCYThCg8xf-Qk7bMHarzcggXfRsp3I-pI6h_P8w4wA/edit?usp=sharing
По срокам месяц, не более
по цене 50000 руб
Предоплату не даем
работа этапами
Ios
Опубликован: 25.11.24 09:49
Бюджет: 50000 руб.~$624.15
Верстка по Figma
Необходим человек с опытом который сможет сверстать то что сделано уже на Фигме https://www.figma.com/design/XbcchsTZD4dWbBaJadBjT6/Online-Market?node-id=0-1&t=S2SCB5dYt4gaa22l-1
Ждем специалиста с кейсами, спасибо.
Верстка
Опубликован: 25.11.24 08:57
Бюджет: 7000 руб.~$87.38
Отрисовать в векторе картинку из растра.
Добрый день!
Есть картинка растровая, нужно перерисовать ее в вектор, в Svg чтобы после можно было подготовить ее к печати или же масштабировать под пост в соц. сети или сторис.
Исходный файл отправить Размер А5, в figma, формат элементов SVG.
Элементы на картинки должны быть отдельными, чтобы можно было их по отдельности двигать и перемещать.
Логотип отправлю в SVG он есть готовый
Арт и иллюстрации
Опубликован: 25.11.24 08:28
Бюджет: 3000 руб.~$37.45
Сложная верстка одной страницы
Страница https://mestopryatok.ru/tagil - надо сделать с нее чистую адаптивную верстку на bootstrap либо на tailwind. Так же перенести всю анимацию и JS (popup окна, выбор игры).
Так же есть макет в Figma для удобства верстки
Верстка
Опубликован: 25.11.24 07:22
Бюджет: 20000 руб.~$249.66
Верстка макета Figma
Необходимо сверстать макет сайта Figma с помощью моей сборки gulp (scss/sass + pug + svg sprite + jquery + bootstrap 5 grid + etc + желательно БЭМ) (сборку и все конфиги предоставлю). Пишите в личку только если вы уверены в своих силах и есть хотя бы базовое понимание указанных выше технологий, макет для просмотра + сборку отправлю в ЛС. Желательно к вашему сообщению добавить ссылку с вашей версткой на работающем сайте.