Project Management App

[jack13only]

1. Task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/react/final-task-project-management-app.md
2. Screenshot:
   
3. Deploy: https://project-management-app-team53.netlify.app/
4. Done 30.05.2022 / deadline 31.05.2022
5. Score: 60 / 60
6. Video: https://www.youtube.com/watch?v=IzxQ0Gy8wQI&ab_channel=DzmitryKarakulka

- Welcome route

• На приветственной странице должны отображаться общие сведения о команде, проекте, курсе.
• В верхнем правом углу должны быть доступны 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

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

- Main route

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

- Board route

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

- Общие требования

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