Розробка клієнтської частини веб-застосунку для управління проєктами з використанням Vue.js

Abstract

Метою цієї кваліфікаційної роботи є створення і розробка веб-додатку для управління проєктами з адаптивним інтерфейсом, що забезпечує коректне відображення та зручну взаємодію на пристроях із різними розмірами екрана. Об'єктом розробки є процес управління проєктами та завданнями в командах розробки програмного забезпечення. У роботі проведено аналіз предметної області управління проєктами, розглянуто методології Agile, Scrum і Kanban. Виконано порівняльний огляд існуючих програмних рішень: Jira, Trello та Asana, виявлено їхні недоліки в адаптивності інтерфейсу на мобільних пристроях.

Для досягнення цілей спроектована архітектура системи, створені UML- діаграма і модель бізнес-процесів у BPMN 2.0, розроблені макети інтерфейсу

у Figma для десктопів і мобільних пристроїв. Клієнтська частина реалізована на Vue 3 із Composition API, стилі — за допомогою Tailwind CSS, управління станом — через Pinia, навігація — Vue Router. Дані зберігаються у LocalStorage, що автоматично серіалізує стан у JSON. Email-сповіщення надсилає сервіс EmailJS, що виконує мережеві запити без власного серверного коду. Додаток ProjectFlow дозволяє командам створювати проєкти, керувати завданнями через Kanban-дошку з перетягуванням карток, переглядати особистий список завдань, відслідковувати учасників та редагувати профілі. Він призначений для малих і середніх команд з розробки ПЗ, стартапів та проєктних груп. Проведено тестування функціоналу додатка та перевірено коректність відображення інтерфейсу на пристроях з різними розмірами екрана.