Создать фронтенд-часть для модуля системы комментариев на Typescript

5 000 руб. за проект
11 декабря 2023, 23:42 • 10 откликов • 85 просмотров
Приветствую!
Необходимо создать фронтенд-часть для модуля системы комментариев на Typescript с использованием ES6 классов (учебный проект).
ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ

В реализованном проекте можно:

  • добавлять комментарии. Так как проект не подразумевает создание серверной части, данные можно сохранять в браузере, а для тестирования использовать mock-данные (искусственные данные, имитирующие реальные).
  • отвечать на уже существующие комментарии.
  • задавать максимальную длину комментария (1000 символов). При превышении этого лимита пользователю запрещается публиковать комментарий (кнопка отправки комментария должна стать неактивной).
  • изменять рейтинг комментария — увеличивать или уменьшать его на единицу. Каждый пользователь может менять рейтинг строго на единицу (не более). Данные о рейтинге и его изменении можно также хранить в браузере. Прописать это можно в localStorage, чтобы и после обновления страницы было видно, что пользователь уже поменял рейтинг комментария.
  • добавлять комментарий в избранное. После добавления комментария в избранное должны изменяться иконка и текст. При повторном нажатии все изменения отменяются и комментарий перестаёт быть избранным.
  • сортировать все комментарии по различным параметрам — избранные, по дате размещения, количеству оценок, количеству ответов. По умолчанию используйте сортировку по дате размещения.
  • при нажатии на кнопку "ответить" должна появляться форма для ответа под соответствующим комментарием.
ТРЕБОВАНИЯ К КОДУ

  • Проект выполнен с использованием TypeScript.
  • На ES6-классах применено ООП.
  • Соблюдено единообразие оформления кода: корректные отступы между смысловыми блоками, единый формат отступов от левого края (два или четыре пробела — на ваш выбор) и так далее.
  • Все переменные, классы и функции имеют осмысленные имена.
  • Проект следует принципам DRY (Don’t Repeat Yourself) и KISS (Keep It Short and Simple).
  • Все комментарии хранятся в localStorage.
  • Для генерирования аватаров пользователей применяются сторонние сервисы, например Picsum.

ТРЕБОВАНИЯ К ИНТЕРФЕЙСУ

Дизайн итогового проекта должен полностью соответствовать исходному макету. Вёрстка уже выполнена, но возможно потребуется немного добавить.

Только постоплата, так как, к сожалению, дважды уже исполнители по проекту не исполняли заказ и исчезали.
Файлы
Отзывы
R50 72eb98767f52ef3eb0f183cf0063993b
Заказчик
Хороший профи, сделал задачу быстро, качественно.
5 месяцев назад
Хороший заказчик. Качественное ТЗ. Быстрая выплата на Сбербанк, рекомендую к сотрудничеству!
5 месяцев назад