Создать фронтенд-часть для модуля системы комментариев на Typescript
5 000 руб. за проект
Приветствую!
Необходимо создать фронтенд-часть для модуля системы комментариев на Typescript с использованием ES6 классов (учебный проект).
ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ
В реализованном проекте можно:
ТРЕБОВАНИЯ К ИНТЕРФЕЙСУ
Дизайн итогового проекта должен полностью соответствовать исходному макету. Вёрстка уже выполнена, но возможно потребуется немного добавить.
Только постоплата, так как, к сожалению, дважды уже исполнители по проекту не исполняли заказ и исчезали.
Необходимо создать фронтенд-часть для модуля системы комментариев на Typescript с использованием ES6 классов (учебный проект).
ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ
В реализованном проекте можно:
- добавлять комментарии. Так как проект не подразумевает создание серверной части, данные можно сохранять в браузере, а для тестирования использовать mock-данные (искусственные данные, имитирующие реальные).
- отвечать на уже существующие комментарии.
- задавать максимальную длину комментария (1000 символов). При превышении этого лимита пользователю запрещается публиковать комментарий (кнопка отправки комментария должна стать неактивной).
- изменять рейтинг комментария — увеличивать или уменьшать его на единицу. Каждый пользователь может менять рейтинг строго на единицу (не более). Данные о рейтинге и его изменении можно также хранить в браузере. Прописать это можно в localStorage, чтобы и после обновления страницы было видно, что пользователь уже поменял рейтинг комментария.
- добавлять комментарий в избранное. После добавления комментария в избранное должны изменяться иконка и текст. При повторном нажатии все изменения отменяются и комментарий перестаёт быть избранным.
- сортировать все комментарии по различным параметрам — избранные, по дате размещения, количеству оценок, количеству ответов. По умолчанию используйте сортировку по дате размещения.
- при нажатии на кнопку "ответить" должна появляться форма для ответа под соответствующим комментарием.
- Проект выполнен с использованием TypeScript.
- На ES6-классах применено ООП.
- Соблюдено единообразие оформления кода: корректные отступы между смысловыми блоками, единый формат отступов от левого края (два или четыре пробела — на ваш выбор) и так далее.
- Все переменные, классы и функции имеют осмысленные имена.
- Проект следует принципам DRY (Don’t Repeat Yourself) и KISS (Keep It Short and Simple).
- Все комментарии хранятся в localStorage.
- Для генерирования аватаров пользователей применяются сторонние сервисы, например Picsum.
ТРЕБОВАНИЯ К ИНТЕРФЕЙСУ
Дизайн итогового проекта должен полностью соответствовать исходному макету. Вёрстка уже выполнена, но возможно потребуется немного добавить.
Только постоплата, так как, к сожалению, дважды уже исполнители по проекту не исполняли заказ и исчезали.
- Файлы
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.