По договоренности
Необходимо привести страницу к требуемому виду и функциональному исполнению (картинка во вложении).
Сейчас сайт представляет собой классический спагетти код, сгенерированный при помощи Stack.
Под капотом страниц находится bootstrap, допиленный под несколько разных тем, jquery и плагины и большой набор библиотек.
Официально приобретен шаблон: pixinvent.com/stack-respo...
Что необходимо знать чтобы справиться с задачей:
1. Знания ES6 (используются Promise, классы и тд).
2. Умение готовить jquery и сопутствующие ui-библиотеки (fullcalendar, sweetalert2, moment)
3. HTML/CSS и Bootstrap.
Полностью реализован бэкенд, все методы получения и отправки данных доступны через RestAPI. (есть документация)
Необходимо в соответствии с мокапом (картинка во вложении) реализовать следующую логику отображения сущностей в виде карточек, создание новых сущностей и их редактирования:
Кнопку Редактировать мечту отображаем только при наведении курсора мыши на карточку
При клике на кнопку Редактировать мечту переходим в режим редактирования карточки мечты.
Режим редактирования карточки мечты:
1. Фотография мечты становится прозрачной, сверху появляется изображение фотоаппарата и текст ЗАГРУЗИТЕ ФОТОГРАФИЮ ВАШЕЙ МЕЧТЫ, при клике отображаем диалоговое окно загрузки изображения.
2. Название мечты отображается в Textarea с возможностью редактирования.
3. Блок ЦЕЛИ делаем неактивным
4. Появляется кнопка Сохранить мечту, при клике применяем изменения и переводим карточку мечты в Обычный режим отображения
Коллеги, жду от вас предложения с ЦЕНОЙ и СРОКОМ реализации!!!