Сверстать макеты Figma + написать несложные скрипты JS

Есть готовые Figma-макеты, нужно сверстать их и написать несколько функций JS для всплывающих окон, динамического добавления и т.п.

Ссылка на макет www.figma.com/file/uVIv0l... (Раздел “В Разработку”)

Важные для меня моменты
1) Приложение должно быть работать быстро + безопасно. В идеале создать SPA 
2) На сайте должна быть динамика по типу: "нажал кнопку -> появилось всплывающее окно -> данные по API ушли в БД -> обработали ответ". Сами методы пропишу ниже
3) Если будет создано приложение, то по окончании работы его нужно загрузить на предоставленный VPS
4) Адаптив под мобильные устройства

Пример API-Зароса
fetch('<DOMAIN>/function/', {
method: 'GET',
headers: {
  'Content-Type': 'application/json',
},
  })
.then((res) => {
  return res.json();
})
.then((res) => console.log(res))
.catch((err) => console.log(err));

Пример Ответа
{
                "status": "error",
                "message": "Пользователь не найден"
            }
ИЛИ
{"status": "success"}

Основные методы API
получение всех контактов пользователя
получение всех категорий пользователя
сохранение нового контакта
добавление напоминания для контакта
добавление категории для контактов
ввод кода для получения подарка (вывод текста в случае неверного кода)
получение списка тарифов и услуг
получения списка мероприятий
скрытие данных о мероприятии в случае флага False в параметре for_everyone

* выводить данные для пользователя в случае некорректного ответа сервера