Сверстать игровой чат (HTML+CSS) и веб приложение на Vue.JS
События, которые должно обработать приложение:
- Игрок открыл окно набора текста
Триггер некого свойства приложения, которое скрывает/показывает input-поле под окном чата
- Игрок написал и отправил сообщение
Приложение должно понять по первому введенному символу, что именно хотел отправить игрок,
если первый символ был '/', то это команда и ее нужно отправить серверу как команду
иначе, отправить на сервер событие с сообщением
(отправка самих событий не требуется, достаточно сделать это с помощью console.log)
- Проверка введенных данных перед отправкой
Если у игрока в сообщении присутствуют спец символы,
то отправляем событие (console.log) о том, что обнаружены запрещенные символы,
а сообщение игрока стирается и не отправляется на сервер.
- Добавить сообщение в историю чата
Сервер отправляет broadcast служебные сообщения и сообщения от других игроков.
Нужно обработать это событие так, чтобы через консоль браузера можно было добавить сообщение
(например, chat.push('Сообщение от консоли'))
- Автоматический скролл и его блокировка
Если игрок проскроллил чат по истории вверх, то новые сообщения с сервера ни как не влияют на скролл.
Если игрок не взаимодействовал со скроллом более 10 секунд, то он возвращается в самое нижнее положение.
Если от сервера пришло сообщение и игрок не взаимодействовал с историей чата,
то он автоматически делает сколл к последнему сообщению
- Размер истории чата
Кол-во сообщений, которое может вместить в себя история – 15,
если это кол-во больше, то удаляются самые старые сообщения.
- Синхронизация времени
У каждого сообщения в чате есть временная отметка,
которая автоматически проставляется при получении каждого сообщения.
Для того, чтобы исключить проблемы часовых поясов игроков,
при инициализации чата сервер отправит событие со своим временем (или часовым поясом).
Заполнение времени делать относительно полученных данных.
Настройки чата:
- Изменение размера текста чата
В настройках чата есть ползунок. Нужно заставить его изменять размер текста от 10px до 16px во всем приложении.
- Временная отметка
Время рядом с сообщением можно скрыть с помощью чекбокса в настройках
- Действия администратора в чате
В чате имеется специальный тип сообщения "От администратора".
Эти сообщения можно скрыть из чата изменив настройку.
Игрок продолжает их получать и может в любой момент снова отобразить сообщения.
Верстку предоставим в Фигме. Цена договорная. В сообщение приложите стоимость и срок выполнения.
Додатки 3
-
157 Добрый день, компания Hexide-digital, готовы помочь.
Наш сайт : https://hexide-digital.com/.
Адаптивная, семантичная, кроссбраузерная верстка, валиднный код.
-
678 19 0 Рейт 15$/час. Напишите в ЛС для обучения деталей ибо непонятно есть ли уже приложение и куда оно будет внедряться. Так же нужно обсудить каждый пункт для понимания общего времени и стоимости всей работы
-
Добрый день, мы отозвали ставку, так как изначально не указали, что можем сделать данный проект не на VueJS, а на ReactJS.
Если такая альтернатива Вам подходит, пожалуйста, напишите контактные данные, по которым с Вами можно связаться и и выслать наше предложение по сроку разработки и цене.
Здесь, к сожалению, повторно поставить ставку нельзя.
-
Это для Rage Mp?
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Розробка інтернет-магазину WordPress + WooCommerce# Розробка інтернет-магазину сільськогосподарської техніки Макет дизайну зараз на фінальній стадії розробки. Я чудово розумію, що без готового макету фінальна оцінка буде неточною. Проте, якщо ви вже реалізовували подібні e-commerce проєкти зі складною структурою, вашого досвіду… CMS, HTML та CSS верстання ∙ 6 годин 37 хвилин тому ∙ 41 ставка |
Верстальщик для багатосторінкового рекламного матеріалу сайту (Health Media) — вайб-кодинг, чистий код
6654 UAH
Потрібно створити багатосторінковий сайт у стилі health media, за зразком healthinsider.news. Не просто лендінг — повноцінний псевдо-редакційний сайт (advertorial), під який буде литися трафік з Meta Ads. ВАЖЛИВО: завдання виконується через вайб-кодинг (AI-assisted coding /… HTML та CSS верстання, Веб-програмування ∙ 13 годин 55 хвилин тому ∙ 46 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 1 день 18 годин тому ∙ 86 ставок |
Шукаю WordPress/Elementor/Woo спеціаліста який має великий досвід з шаблоном Woodmart
5000 UAH
Потрібно оновити візуал та структуру інтернет-магазину стоматологічних товарів (посилання відправлю в ПП) Сайт працює на зв'язці WordPress + WooCommerce. Шаблон — Woodmart. Завдання: Оновлення шапки (header), підвалу (footer) та контенту на головній сторінці згідно з готовим… CMS, HTML та CSS верстання ∙ 1 день 21 година тому ∙ 34 ставки |
Верстка сайтуТехнічне завдання на верстку сайту. Писав чат гпт Посилання на дизайн - https://www.figma.com/file/bBuR3yG2eSzLpBcBJURNZi?node-id=60:397&t=zQ9Kln2RtyBgNHKw-1&locale=en&type=design Загальна інформація Необхідно виконати адаптивну кросбраузерну верстку сайту на основі наданого… HTML та CSS верстання ∙ 1 день 22 години тому ∙ 115 ставок |