Task Pro — Task Management Application

Командный frontend-проект — веб-приложение для управления задачами и рабочими досками.

Пользователь может создавать доски и колонки, управлять карточками задач, менять оформление рабочего пространства, фильтровать задачи и редактировать данные профиля.

Live Demo

https://solusblade.github.io/ITD-node-front-project/

О проекте

Проект разработан командой в рамках практической командной разработки.

Основная цель — создание полноценного React-приложения с авторизацией, состоянием приложения, формами, взаимодействием с backend API и адаптивным интерфейсом.

Основные возможности

• создание и редактирование рабочих досок;
• создание, редактирование и удаление колонок;
• работа с карточками задач;
• фильтрация задач;
• выбор фона рабочей доски;
• редактирование профиля пользователя;
• формы с валидацией;
• модальные окна;
• адаптивный интерфейс;
• хранение состояния приложения;
• взаимодействие с REST API.

Мой вклад

Проект является командной работой.

В рамках проекта я участвовал в разработке frontend-части и реализовывал:

• архитектуру и логику модальных окон;
• формы создания и редактирования досок и колонок;
• формы с использованием Formik и Yup;
• интеграцию CRUD-операций для досок и колонок;
• Redux-логику текущей доски и колонок;
• фильтрацию задач;
• выбор и отображение фоновых изображений досок;
• модальное окно редактирования профиля;
• подтверждение удаления элементов;
• доработку sidebar;
• адаптивное отображение элементов интерфейса;
• исправление ошибок и интеграцию отдельных компонентов приложения.

Работа велась через отдельные ветки и Pull Requests с последующим merge в основную ветку проекта.

Технологии

• React 18
• JavaScript
• Redux Toolkit
• React Redux
• Redux Persist
• React Router
• Axios
• Formik
• Yup
• Material UI
• Sass / SCSS
• React Select
• React Responsive
• Git / GitHub

Локальный запуск

Установите зависимости:

npm install

Запустите приложение:

npm start

После запуска приложение будет доступно по адресу:

http://localhost:3000

Формат проекта

Командный учебный проект.

Репозиторий сохранён в портфолио как пример работы с React, Redux, API, формами, компонентной архитектурой и совместной разработкой через GitHub.