create app

[disinor]

Реализовать сервер и клиент на JavaScript (Koajs+Vuejs)

Сервер

1. написать сервер на Node.js используя в framework koa

   1. для маршрутизации использовать koa-mount
   2. для разбора тела запросов подключить парсер koa-bodyparser

2. данный сервер должен реализовывать две апи-точки:

   • #2
   • PUT /sms/check - принимает смс код и сравнивает с ранее сгенерированным из in-memory database, в теле ответа отдает - success/error

3. покрыть тестами каждую из апи-точек используя mocha, supertest, sinon, faker

   • POST /sms/create
   • PUT /sms/check
   • Сделать их независимыми

Клиент

К реализованному ранее серверу написать клиент -- SPA на vue. Список его функций:

1. первоначальное состояние - экран с кнопкой "Сгенерировать СМС код" (отдельный маршурут на клиенте)

2. после нажатия "Сгенерировать", кнопка исчезает и отображается поле ввода для кода и кнопка "Отправить" (отдельный маршурут на клиенте)

3. алертом отобразить сгенерированный код(подсказка)

4. при вводе кода нужно проверять его на длину и символы - иначе блокировать кнопку (клентская валидация)

5. при клике на кнопку "Отправить" - ждём ответа от сервера и отображаем его через alert

6. Научиться блокировать кнопку через атрибут disabled

7. Тестирование с использованием Vue Test Utils

   • перед неписание тестов очистить код от мусора
   • проверить компонент codeEntry.vue на валидацию вводимого значения
   • проверить, что метод submit компонента codeEntry.vue возвращает Promise и вызывает alert (задание повышенной сложности)

Процесс

• Все изменения делать в отдельных ветках

Иснтрументы и технологии

1. Протокол HTTP — https://developer.mozilla.org/ru/docs/Web/HTTP/Overview
2. Сетевые запросы (для взаимодействия с сервером по протоколу HTTP) — https://learn.javascript.ru/network
3. Mocha (тестирование) — https://learn.javascript.ru/
4. Supertest(тестирование) - https://github.com/visionmedia/supertest
5. Sinon (тестирование) — https://habr.com/ru/company/ua-hosting/blog/274317/
6. Vue — https://ru.vuejs.org/v2/guide/index.html
7. Vue Router — https://v3.router.vuejs.org/ru/installation.html#npm
8. Vue Test Utils — https://vue-test-utils.vuejs.org/ru/
9. FakerJS (тестирование) -- https://rawgit.com/Marak/faker.js/master/examples/browser/index.html
10. koa учебник - https://coderlessons.com/tutorials/veb-razrabotka/vyuchit-koajs/koa-js-hello-world
11. Koa(видео уроки) -- https://www.youtube.com/watch?v=RYegER71uzQ&ab_channel=%D0%98%D0%BB%D1%8C%D1%8F%D0%9B%D0%B0%D0%BD%D0%B4%D0%B0%D1%80%7CWEB%D0%A0%D0%90%D0%97%D0%A0%D0%90%D0%91%D0%9E%D0%A2%D0%9A%D0%90

1.Уроки git - https://www.youtube.com/watch?v=W4hoc24K93E&list=PLDyvV36pndZFHXjXuwA_NywNrVQO0aQqb&ab_channel=JavaScript.ru