task-manager's Issues
Сделать структуру для записи токена
Записать в cookie
Записать в store
Drag-n-drop таски в рамках всех колонок
Создать Header
Создан компонент Header, в нем кнопка Logout, EditProfile, CreateNewBoard, добавлен логотип и название приложения
Cоздать навигацию с помощью location и history
создать правильную навигацию между страницами используя history и location вместо navigation
Welcome page (route)
Создать task
- Сверстать компонент Task, добавляемый в колонках (добавить кнопку удаления таска)
- Сверстать модальное окно, всплывающее при добавлении каждой новой таски
Добавить функционал добавления новой таски
- Добавить функционал добавления тасок в колонках
Sign up(route)
Создать компонент-роут для регистрации +
- добавить форму с полями: Тname, login, password - ПОКА БЕЗ ФУНКЦИОНАЛА
Создать state managment для приложения
- Используя Redux Toolkit сделать state managment для приложения
Drag-n-drop таски в рамках колонки
Создать страницу Board page
- Создать компонент Board page
- Создать компонент Column
- Создать компонент модального окна добавления Column
- Сделать кнопку Назад
Добавить функционал добавления новой колонки
// Кнопка New column открывает модальное окно!!!
- Запрограммировать кнопку Create new column
- Добавить взаимодействие с Бэком при переходе от main rout к board rout (должны появляться все доступные пользователю колонки)
Прелоадеры между страницами
Поменять userId в тасках на имя/логин пользователя
Создать Footer
Компонент футер, который не содержит никакой логики, просто вёрстка
Удаление колонки
На колонке должна присутствовать кнопка для удаления колонки. По нажатию - Сonfirmation modal - при апруве - удаление.
Роут с формой для edit profile
Кнопка Edit profile должна отправлять нас на роут с формой для edit profile. Требования к форме такие же как и ко всем формам в приложении. Должна быть кнопка удаления юзера. В случае этого действия => "Confirmation modal" => пользователя должно разлогинить и пользователь должен быть удалён из базы данных.
Добавить возможность изменения title колонок
Вверху колонки должен быть Title. При нажатии на него он из текста должен превращаться в input, слева от которого будут кнопки Submit и Cancel. После ввода текста в input и нажатия Submit - Title колонки должен поменяться.
Создать страницу Main page
Создать роут-main-page + базовая верстка без функционала
Welcome Page (route)
Деплой backend
- Сделать деплой backend
Preloader
Создать прелоадер для переключения между страницами
Создать страницу Welcome page
- На приветственной странице должны отображаться общие сведения о команде, проекте, курсе.
Распарсить токен и получить id
Добавить возможность менять таски
Реализовать возможность взаимодействия с таском таким образом, чтобы пользователь мог комфортно просматривать/изменять данные в таске. Учесть что 'click' может произойти после MouseUp при d-n-d.
Создать страницу 404/ Not found
Создать компонент страницы и добавить в роут
Анимация sticky header
Момент, когда он становится sticky (при наличии на странице скролла) должен быть анимирован: его цвет может потемнеть или высота слегка уменьшится.
Создать Confirmation modal
Сверстать компонент Confirmation modal
React 18 + suspense
Требуется сделать ленивую загрузку страниц и оборачивать в suspense компоненты требующие асинхронных данных
Создать Navbar
Убрать кнопку create new board на роуте /board
Сделать компонент AppRoutes
Создать компонент обёртку для всех роутов
Валидация для логина
Доп. функционал (глобальный поиск и т.д)
Сделать компонент Кнопка
Сделать компонент кнопку из готовой библиотеки
Кнопки log in, sign up
- В верхнем правом углу должны быть доступны 2 кнопки log in и sign up.
- Логин/log out есть на всех страницах
Инициализация проекта
Создать из ветки main/master ветку develop и установить все библиотеки необходимые для разработки на данном этапе.
Создать Switch/Select для смены языка
Тут на своё усмотрение, компонент который будет или через toggle менять своё состояние или выбор селектом (если у нас может быть больше чем два языка)
Удаление таски
Реализовать возможность удаления таска. Кнопка Delete task должна быть расположена в удобном для пользователя месте. При нажатии: Confirmation modal -> удаление.
Добавить значок редактирования title column
Валидация формы
- Сделать валидацию для регистрации
- Отправка данных на backend
Борды - создание функционала
1.Добавить функционал для создания бордов
2. Борды должны отображаться списком
3. Борды отображаются с маленьким превью из доступной информации (title, description, etc).
4. По клику на элемент переходим на board item (Board route) - ПОКА ПРОСТО ЗАГЛУШКУ МОЖНО ПОСТАВИТЬ.
5. должна присутствовать кнопка для удаления борды.
Локализация
Login and error hundler
- Создать компонет-роут для логинизации
- Обрабатывать Ошибки со стороны BE
- Сохранять авторизованного пользователя в store
Drag-n-drop колонки
С помощью drag-n-drop мы можем менять колонки местами.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.