Project management app - Team 44

[TusksAndTasks]

Видео-демонстрация: https://youtu.be/A3YsdXoqNyk

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/react/final-task-project-management-app.md
2. Screenshot:
3. Deploy: https://ei.by/
4. Done 31.05.2022 / deadline 31.05.2022
5. Score 60 / 60

• Welcome Route (7/7)

  • На приветственной странице отображены общие сведения о команде, проекте, курсе.
  • В верхнем правом верхнем углу доступны 2 кнопки Sign In и Sign Up.
  • При наличии неистёкшего токена, заменить кнопки Sign In и Sign Up на кнопку "Go to Main Page".
  • При истечении срока жизни токена - пользователь автоматически перенаправляется на "Welcome page".
  • Нажатие на кнопку Sign In / Sign Up автоматически перенаправляет нас на роут с формой для Sign In / Sign Up.

• Sign In / Sign Up (8/8)

  • Кнопки для Sign In / Sign Up / Sign Out есть везде где они предусмотрены
  • Поля форм реализованы в соответствии с api backend приложения. Реализована валидация.
  • При успешном логине пользователь перенаправляется на "Main route"
  • Если пользователь залогинен, то при попытке пройти на эти роуты он перенаправляется на Main route.

• Main route (8/8)

  • Функционал создания борды
  • Отображает борды списком
  • Борды отображаются с маленьким превью из доступной информации (title, description). По клику на элемент переходим на board item (Board route). Присутствует кнопка для удаления борды.
  • При попытке удаления борды всплывает Confirmation modal. Confirmation modal должен быть универсальным компонентом (одним на всё приложение).
  • Реализован функционал редактирования профиля пользователя (изменение имени и пароля, удаление пользователя)

• Board route (26/26)

  • Кнопки для создания колонки.
  • Если к борде привязана хотябы одна колонка - отображaется и кнопку создания таски.
  • Для создания колонки / таска используются формы, отображаемые в модальных окнах.
  • При переполнении количеством тасок колонки - скролл внутри колонки.
  • Страница на данном роуте не имеет вертикального скролла.
  • С помощью drag-n-drop мы можем менять колонки местами.
  • С помощью drag-n-drop мы можем менять очерёдность тасок в рамках колонки.
  • С помощью drag-n-drop мы можем менять принадлежность таски к колонке.
  • Реализован функционал просмотра, и редактирования всего содержимого таски.
  • Есть возможность удалить таск.
  • Вверху колонки есть Title. При нажатии на него он из текста превращается в input, слева от которого будут кнопки Submit и Cancel. После ввода текста в input и нажатия submit - Title колонки поменяется.
  • Есть кнопка удаления колонки.

• Общие требования (11/11)

  • Ошибки со стороны BE - (Not found, unhandled rejection) отображается пользователю в user-friendly формате - pop-up
  • Локализация
  • Backend задеплоен
  • анимированный sticky-Header
  • Доп. функционал - отображение всех пользователей на странице Team, отображение имени последнего пользователя, который изменял таск - в окошке таска (+если изменить имя в профиле, в тасках будет отображаться изменненное имя)

• Штрафы (0)

  • favicon изменен
  • варнинги или ошибки отсутвуют
  • console.log отсутсвуют
  • @ts-ignore и any не использовались
  • коммитов после дедлайна нет