Project requirements

Варианты psd-макетов

Задание

Спринт 1

Сверстать главную страницу по выбранному psd-макету

Спринт 2

• Установить json-server
• Создать базу данных зарегистрированных пользователей
• Создать веб-компонент register-user регистрации пользователя
  • Форма регистрации должна содержать кнопку для загрузки аватара пользователя
    • при загрузке изображения должен проверяться тип файла ( это должен быть только файл изображения ), а так же его размер
    • в случае, если пользователь выбрал файл, не являющийся изображением, должно выводиться предупреждение
    • в случае, если размер изображения превышает 300 Кбайт, должно выводиться предупреждение
    • если тип файла и размер изображения отвечают требованиям, аватар загружается и отображается в форме регистрации
  • При регистрации нового пользователя
    • аватар кодируется строкой Base64
    • пароль хешируется
    • данные сохраняются в базе данных
    • данные для аутентификации пользователя сохраняются в куки
  • веб-компонент должен удаляться при клике на кнопке ✖ ( стиль кнопки должен быть согласован с макетом страницы )
  • если в куки-файле уже есть данные пользователя, форма заполняется этими данными ( кроме пароля )
• Вставить кнопку регистрации на главную страницу ( если ее нет в макете ) и обработчика события click этой кнопки, который должен вставлять веб-компонент register-user

Спринт 3

• Вставить код, запускаемый сразу после загрузки главной страницы
  • Код должен читать куки ( если они есть ), и проверять, что такой пользователь зарегистрирован в базе данных
  • Если пользователь зарегистрирован, его аватар и никнейм добавляются на главную страницу
  • Если пользователь не зарегистрирован ( куки отстутствуют или пользователь не обнаружен в базе данных ), то
• Создать веб-компонент user-sign-in аутентификации зарегистрированного пользователя посредством ввода логина и пароля
• После вв