Form study project

Макет

https://www.figma.com/file/oEox18VbeVdWPifGqj5PbK/Form-study-project?node-id=0%3A1

Техническое задание

  1. Сверстать форму
  2. При ответе с сервера под заголовком формы появляется нотис с состоянием ответа с сервера (см. макет). Текст сообщения приходит с сервера
  3. Нотис можно убрать при клике на крестик (см. макет)
  4. После успешной отправки формы поля формы очищаются. Если сервер отдает ошибку, то поля не очищаются

Запуск и разработка

Установить зависимости

npm i

Запустить сервер

Для того чтобы избежать проблем с CORS, сервер разворачивается локально.

npm run start

API

Регистрация

Адрес 

http://localhost:3000/registration

Метод

POST

Тело запроса

{
  name: string; // необязательное поле
  email: string;
  phone: string;
}

Одно из полей email и phone является обязательным. Есть возможность отправить оба поля

Тело ответа

{
  status: number;
  message: string;
}

Коды ответов

200 — success

400 — fail. Когда не передали поля email и phone