dnischeta / cards4learn Goto Github PK

1. Install vue-router (if we don't have it right now);
2. Create a few basic pages:
   • main page
   • login page
   • register page
3. Adjust file structure (create views directory,see https://vueschool.io/articles/vuejs-tutorials/how-to-structure-a-large-scale-vue-js-application/)

Создать формы для регистрации и входа.

Регистрация

Данные

• email
• password
• confirm password

Валидация

• email
  • должен быть валидным email'ом
• password
  • мин длина 8 символов
• confirm password
  • должен совпадать с password

Сценарии

1. Сервер ответил что все ОК (что это значит будет известно позже). Тогда делаем редирект на главную.
2. Сервер ответил с ошибкой:
   • email уже занят (скорее всего такой формат: { success: false, errors: { fields: { email: ['already-taken'] } } }

Логин

Данные

• email
• password

Валидация

• email
  • должен быть валидным email'ом
• password
  • мин длина 8 символов

Сценарии

1. Сервер ответил что все ОК (что это значит будет известно позже). Тогда делаем редирект на главную. Формат ответа { success: true, result: { accessToken: string, refreshToken: string } }
2. Сервер ответил с ошибкой:
   • пользователя с таким email не существует { success: false, errors: { fields: { email: ['not-exist'] } } }
   • неверная пара email-password: { success: false, errors: { form: ['auth/wrong-credentials'] } }