TempRes - Конструктор резюме - реактивное приложение, интеграция с АПИ

В ходе данного проекта было разработано реактивное одностраничное приложение, которое позволяет порционно собирать информацию с пользователя с помощью разных разделов и аггрегировать данную информацию в красивое резюме, которое можно скачать в формате ПДФ.

Видео-обзор 3й недели разработки

Роли:

Гость - неавторизованный пользователь системы

Юзер - авторизованный пользователь

Варианты использования на первом этапе разработки:

(В этом этапе: темплейт не меняется, загрузка пдф - не работает, оплаты нет, маска на поля не делается)

1. Создать новое резюме

Описание:

1.1 Гость вводит информацию о пользователе (Contact session)

• First Name - поле ввода
• Last Name - поле ввода
• Photo
• E-mail - поле ввода
• Phone - поле ввода
• Country - выбор
• City - ввод/выбор

1.2 Гость может добавить дополнительную информацию

• Address
• Zip code
• Driver licence
• Nationality
• Place of birth
• Date of birth

1.3 Система после перехода на следующий пункт (не динамично после заполнения каждого поля, или удаления) отображает обновленную информацию в правом блоке.

1. Регистрация

Описание:Гость регистрируется с помощью имейла и попадает обратно в процесс создания резюме

1. Вход

Описание:Гость авторизуется с помощью имейла и попадает обратно в процесс создания резюме

Альтернативный сценарий: Гость восстанавливает пароль по имейлу, после чего авторизуется

1. Заполнение шаблона резюме

Описание: Пользователь заполняет информацию по разделам:

Можно заполнять пункты непоследовательно

Пункты на этом этапе - не обязательны к заполнению

4.1 Employment - пользователь добавляет место работы (или несколько мест работы)

• Job title
• Company|Organization Name
• From - To
• City
• Description

• Система выводит список обязанностей
• Пользователь добавляет обязанности в описание, выбрав из предложенных шаблонных
• Пользователь убирает обязанности из описания, убрав выбор из предложенных шаблонных

4.2 Education - пользователь добавляет место образования

• Facility
• Degree
• From
• To
• Field of study
• Awards
• Description

• Пользователь добавляет еще одно место образования
• Система Скрывает предыдущее место в плашку
• Пользователь может удалить место образования

4.3 Skills

• Система предлагает шаблонные скилы
• пользователь выбирает скилы из шаблонных и указывает уровень каждого скила
• пользователь добавляет свои скилы и уровень каждого скила
• пользователь удаляет скилл

4.4 Social links

• пользователь может добавить ссылку Link на социальную сеть и название Label
• система подтягивает иконку?
• система добавляет еще одно поле для ввода ссылки

4.5 Hobbies

• пользователь может вписать хобби
• система показывает список шаблонных хобби
• пользователь может выбрать хобби из предложенных

4.6 Extra-curricular activities

• Пользователь может добавить дополнительную активность

• Function Title

• Employer
• From
• To
• City
• Description

• Пользователь добавляет еще одну дополнительную активность
• Система Скрывает предыдущую в плашку
• Пользователь может удалить дополнительную активность

4.7 Courses

• Пользователь добавляет курс

• Course title - поле ввода
• Institution - поле ввода
• From - календарь
• To - календарь

• Пользователь добавляет еще один курс
• Система Скрывает предыдущий в плашку
• Пользователь может удалить курс

4.8 Internship

• Пользователь добавляет где проходил практику

• Internship title - поле ввода
• Institution - поле ввода
• From - календарь
• To - календарь
• Description - поле ввода

• Пользователь добавляет еще одну практику
• Система Скрывает предыдущую в плашку
• Пользователь может удалить практику

4.9 Languages - Пользователь может выбрать со списка какой язык знает и его уровень

4.10 References - Пользователь может указать 1 рекомендацию заполнив поля:

• Referent full name
• Company
• E-mail
• Phone

4.11 Certifications - Пользователь может добавить сертификаты вписав название

Система после перехода на следующий пункт (не динамично после заполнения каждого поля, или удаления) отображает обновленную информацию в правом блоке.

1. Сохранение резюме - пользователь сохраняет информацию на сервере

Диаграмма сценариев перехода

Требования к качеству технической реализации первой версии проекта-конструктора резюме.

Тип внешнего интерфейса:

Реактивный и одностраничный, без перезагрузки страницы после выполнения определенных действий.

Фреймворк для реализации:

Vue или React.

Валидация полей ввода:

В первой версии валидация полей не предусмотрена.

Маски ввода для полей не предусмотрены.

Метрики производительности:

В первой версии не будут использованы специальные инструменты для замера производительности.

Кроссбраузерность, кроссплатформенность:

Операционные системы:

• Windows
• MacOS
• Linux

Необходима поддержка современных браузеров.

• Софари.
• Хром.
• ФаерФОкс.
• Опера.
• Эйдж

(уточнить версии)

Размеры экранов:

Пока что конкретные размеры экранов не указаны, разработчик ориентируется на типовый экран ноутбука.

Качество кода.

Необходимо умеренное соблюдение стандартов написания кода.

Линтеры использоваться не будут.

Документирование кода.

Необходимо документирование кода.

Необходимо документирование технических решений.

Стандарты и методологии вёрстки:

Пока это не уточняется. Поведение елементов при стандартных взаимодействиях в дизайне не прорабатывается в первой версии. Соответсвенно, в вёрстке учитываться не будет.

Инфраструктура для взаимодействия:

• 1 автодеплой
• 2 docker
• 3. gitlab-ci
• 4 специальных систем CD/CI не будет
• 5 краткий мануал

Дополнительные правки:

Любые дополнительные изменения принимаются в работу и оцениваются отдельно

Компонентный разбор:

Уникальные элементы:

Общие:

• -Топ меню
• -Левое меню
• -Компонент динамичной визуализации резюме
• -Панель регистрации
• -Панель логина (авторизации)
• -Компонент локального кеш-хранилища
• -Компонент активной формы

Визуальные компоненты:

• -Поле ввода, инпут выпадающий список
• -Фото аплоадер
• -Скрытие дополнительных полей
• -Действие перехода (далее, назад, скип)
• -Тестовое поле (текстереа)
  • --Шаблоны текстового поля
• -Календарь
• -Динамично-добавляемые формой элементы
  • --добавление
  • --удаление
• -Динамично-добавляемые поля ввода при заполнении
• -Мульти-селект скилов
  • --добавление
  • --удаление
  • --рейтинг
  • --Поиск по мульти-селекту скиллов
  • --Добавление кастомных скиллов
• -Бинарный тумблер

Интеграция:

27 эндпоинтов

• Обозначение какие значения полей приходят с бекенда
• Документация бекенда

Оценка:

27 Эндпоинтов АПИ на интеграцию

7 Главных компонентов

18 Уникальных визуальных логических компонента

6 Оценка сложности требований к качеству

8 Степень рисков по изменяемости системы

Итоговое количество юнитов: 66

АПИ

http://resume.waytrel.pro/swagger/doc

Бонусные работы

Редактирование емплойментов (по клику на уже сохранённый эмплоймент загрузить его данные в форму для редактирования и последующего сохранения).

Удаление емплойментов по клику на кнопку "удалить".

Получение сохранённого списка емплойментов.

Редактирование Educations

Кнопка "Не показывать уровень опыта".

Редактирование соц-ссылок, удаление соц-ссылок.

Редактирование дополнительных активностей.

Редактирование курсов.

Редактирование языков

Удаление языков

Изменение сертификаций

Удаление сертификаций

Валидация (заготовка на будущее + вёрстка)

Программирование типов полей (дата-пикеры, выпадающие списки).

Basic

• First name
• Last name
• Picture
• Email
• Phone
• Country (DB) Have
• City (DB) Have
• Adress (DB) Have
• Zip code (DB) Have
• Driver license (DB) Have
• Nationality (DB) Soon will be
• Place of birth (Country/City) (DB) Have
• Date of birth Callendar

Employment history

• Company DB (have)
• Title DB (have)
• Period (month/year from -to)
• Country DB (have)
• Assignment DB (have)

Education

• Facility DB (have)
• Date (from- to)
• Degree DB (have)
• Field of study DB Will have
• Avards DB Will have
• DEscription of education

Links (Name and url)

Skills (with or without level) DB Have

Hobbies DB Will have

Extra-curricular activities

• Title
• Employer DB
• Date (from to)
• CIty DB
• Description

Course

• Course title
• Institution
• Date (from to)

Internship

• Job title DB
• Employer DB
• Date
• City/country DB
• Description

Languages

• Language DB Have
• Level (A1-C2)

Reference

• Referent Full name
• Company DB
• Phone
• Email

Certificates

• Name of the cert. DB Have