Заказчик

Меню из 28 позиций.

Размещаем на 2 листах А3.
Даем список блюд с описанием и фото. Лого.

Предпочтение тем кто делает в Фигме. Референс в приложении.

3 листовки нужен подгон под размеры.
еще 2 шт – сделать с нуля.

Пример в приложении.

в Figma – как большой плюс будет работа.

1) Добавить аппетитности фото пицце в psd
2) Сделать простую листовку: фон 3 заголовка, надпись, фото пиццы

в фигме есть много макетов с лого, шрифтами и айдентикой

Нужна адаптивная верстка html/css 6 страниц (для мобильной версии – готовый дизайн есть). Под планшеты – либо адаптив десткоп версии, либо мобильную версию с открытым постоянным меню.

Сайт – визитка с двумя формами для сбора телефонов.

Макеты по запросу. Пример страницы в приложении.

Необходим дизайн объявления по примеру в прикрепленном сообщении.


адаптировать под пропорции:
1024x768
и А5 в альбомной ориентации

Доделать неудачную верстку для WP сайта (6 мобильных+6 пк) (нет нормальной адаптивности)
или лучше сверстать снуля.
основное требование: использование блочной структуры WP
(чтобы мы могли в последствии включать/отключать/комбинировать их на новых страницах с такой же структурой):
ru.wordpress.org/plugins/...
ru.wordpress.org/plugins/...
и собрать всё на нашем сервере.

Необходимо сделать классическую админку небольшого p2p сервиса:

а) 8 страниц-разделов: таблицы с фильтрами и элементарными select/insert запросами+redis
б) 2страница для валидации документов с бэкэнда (просмотр картинок из базы/ валидация чекбоксами с комментариями).
в) отображение координат на карте
г) разграничение прав для доступ к каждому разделу
д) логирование всех действий в админке

стек:
NestJS 6.11.11
TypeORM
Redis (как кеш селектов)
MySQL
Транспорты: REST, socket-io, web-push/firebase (GCM)

Текущая задача:

Существует 2 роли пользователей: водитель и пассажир. Пользователь может заказывать поездки у водителя, а также пользователь может сам становиться водителем и выполнять поездки. Основной функционал готов и работает, но необходимо реализовать несколько доработок.
Все запросы в MySQL кешируются в Redis на настраиваемый период времени: механизм кеширования уже написан – необходимо будет просто подключить его и задать новые TTL для всех вновь разрабатываемых select.
1. Необходимо разработать ендпоинт(ы) для просмотра истории поездок в роли водителя и просмотра исторической поездки в роли водителя: добавить просмотр комиссии, стоимости, маршрута. История поездок с дополнительным полем – сумме по поездкам за период. Эти эндпоинты могут быть универсальные с ролью "пассажир", но "пассажиру" недоступны данные о комиссиях, только суммы поездки.
2. Необходимо доработать endpoint редактирования профилей для возможноти редактирования отдельных полей. Сейчас на вход требуется отправлять все поля.
3. Существует механизм отправки сообщений клиентам через web-push. Необходимо добавить возмоность отправки пуш уведомлений через firebase в зависимости от того, какой клиен используется у пользователя. Выбор клиента задается в профиле (web-push/firebase)
4. Технические доработки: в части функционала используется socket-io. Необходимо добавить sticky-session и redis для socket-io для возможности горизонтального масштабирования, а также node cluster для возможности вертикального масштабирования.
5. Технические доработки: в настоящее время используется nest js 6 версии. Необходимо повысить версию nest js до 7, а также обновить все зависимости до последних. Migration guide доступен в документации по nest-js, небходимо будет протестровать, что отвалится и починить.

Главная + 4 информационные страниц для таксопарка. Есть сайт – образец, структуру которого копируем. Логотип нужно отрисовать из черновика, цветовые шаблоны есть и элементы в фигме. Можно использовать бесплатные/платные шаблоны по согласованию. Надо сразу с версткой на WP с использованием co-blocks по максимуму (чтобы потом могли формировать однотипные страницы из блоков для сео). Упор на мобильную версию.
Схема работы: Отрисовываем любую мобильную страницу в черновом варианте. Понимаем что видим в одном направлении, дальше аванс 60%. По окончанию – 40 % оплаты.

Необходимо сверстать web-app. Есть готовый дизайн в Figma (~35 экранов). Пример дизайна в приложении.

Требования:
1. Все экраны необходимо разделить на логические компоненты и шаблоны (например, структура меню, шторка снизу с минимальным-средним-максимальным положением в зависимости от состояния, библиотека элементов (кнопки, переключатели и т.д)
2. Все переходы элементов должны содержать анимации (открытие меню, нажатие кнопок, ввод данных, сворачиваниеразворачивание шторки с контентом и другие)
3. Верстка должна быть адаптивной. Адаптивная верстка предусматривает работу на планшетах и смартфонах. В случае работы на планшетах, постоянно показывается боковое меню.
4. Валидация форм на базовые параметры (email, телефон, заполненность имени).

Требования к опыту:
1. Желателен опыт работы с: leaflet, socket-io
2. Желателен опыт работы с PWA
3. Опыт работы с одним из фреймворков: vue/react/angular/ionic

Что на вход:
1. Макет в Figma
2. Документация для API
3. Работающий бэкенд
4. Комментарии и описание данных для socket-io части и пуш уведомлений по запросу

Что на выход:
1. Frontend-проект со всеми исходниками
2. Инструкции по сборке проекта, краткое описание исходников

Необходимо сверстать web-app по работающему бэкенду и готовому дизайну в Figma (~35 экранов)
Требования:
1. Все экраны необходимо разделить на логические компоненты и шаблоны (например, структура меню, шторка снизу с минимальным-средним-максимальным положением в зависимости от состояния, библиотека элементов (кнопки, переключатели и т.д)
2. Все переходы элементов должны содержать анимации (открытие меню, нажатие кнопок, ввод данных, сворачиваниеразворачивание шторки с контентом и другие)
3. Верстка должна быть адаптивной. Адаптивная верстка предусматривает работу на планшетах и смартфонах. В случае работы на планшетах, постоянно показывается боковое меню.
4. Валидация форм на базовые параметры (email, телефон, заполненность имени).
5. Выбор автомобилей с возможностью автоподстановки значений из cars_csv
6. Комментарии в коде JS
7. Восстановление состояния после сбоев приложения (сообщения о текущем состоянии приходят с бэкенда при подключении к socket-io)
8. Обработка исключений: потеря сети (offline-mode), ошибки с бэкенда
9. При отсутствии разрешений (уведомления, геолокация) – показывать сообщения о запросе о разрешении. Запрос на разрешения должен быть сначала показан элементом приложения, а затем обращаться к браузерным функциям после подтверждения пользователем (исключения случайного отказа в разрешениях)
10. Финальный размер – важен. Необходимо исключить использование зависимостей, которые не вызываются
11. Транспорт до бэкенда реализован на: https + socket-io
12. Транспорт от бэкенда (сообщения о статусах) реализован на:
- При выключенном экране – web-push (обработка входящих данных в service-worker) или onesignal push (обработка данных в приложении)
- При включенном экране – socket-io
- В небольшой части функционала – ответ на https запросы
13. Собирать события (нажатия, переходы, и т.д.) в отдельную функцию для работы с вешней аналитикой. Внутри этой функции подключение к Matomo
14. Проброс маркетинговых кодов (должны передаваться из адресной строки) в форму регистрации
15. Необходимо реализовать js-функции – адаптеры от pwa для работы с cordova в части уведомлений, управление состоянием экрана (always-on), перехода по внешним ссылкам
16. Готовность к интернационализации. В текущем проекте только 1 язык (русский), но все текстовые поля необходимо брать из словаря.
17. Обязательно ведение репозитория git и домена на surge.sh (или аналога)
Требования к опыту:
1. Опыт работы с: leaflet, socket-io
2. Базовый опыт с Apache Cordova (понимание того, в какой момент инициализируются и становятся доступными плагины)
3. Подтвержденный опыт реализации PWA (примеры обязательно)
Что на вход:
1. Макет в Figma
2. Документация Swagger для API
3. Работающий бэкенд
4. Комментарии и описание данных для socket-io части и пуш уведомлений по запросу
Что на выход:
1. Frontend-проект со всеми исходниками
2. Инструкции по сборке проекта, краткое описание исходников
3. Демонстрационный стенд (не будет нужен после приема работы)

Мы предоставим комплект прототипов экранов приложения (~20 шт) и объясним весь функционал для полного понимания приложения. Также подзадачей является: создание лого, иконки, цветовых шаблонов и сайта.
Список задач:
1. Лого
2. Иконка
3. Брендбук (паттерны цветов и шрифты)
4. Кросс платформенный дизайн (android/iOS/PWA)
5. Дизайн для вордпресс сайта
Вы можете выбрать себе из списка задачи, но предпочтение отдается фрилансеру, готовому взять на себя дизайн всего цикла.

Для пиццерии, работающей "на вынос" требуется нарисовать 5 плакатов/афиш (будут напечатаны на самоклейке) с различными промо предложениями. В дальнейшем надеемся на постоянное сотрудничество.

Плакаты – максимально простые и информативные. Все будут с однотипной конструкцией: Заголовок, изображение, цена/комментарий. Графические материалы есть (фото, векторы, шрифты). Примеры листовок приложил в аттач к заданию.

макет->оплата->исходники