ProjecTracker - це веб-додаток для управління проєктами та завданнями. Дозволяє створювати проєкти та таски, редагувати їх, видаляти, сортувати та перетягувати (drag & drop). Додатково доступна навігація по проєктах і графічне відображення даних.
- Проєкти
- Створення нового проєкту
- Редагування проєкту
- Видалення проєкту
- Відображення кількості завдань у проєкті
- Завдання (Tasks)
- Створення завдання для конкретного проєкту
- Редагування завдання
- Видалення завдання
- Статус завдання: To Do, In Progress, Done
- Дедлайн для завдання
- Інші можливості
- Drag & drop для сортування завдань
- Навігація між проєктами
- Графік або статистика по завданням
| Метод |
URL |
Опис |
| POST |
/projects/create |
Створити новий проєкт |
| PUT |
/projects/update/:id |
Оновити проєкт за ID |
| DELETE |
/projects/delete/:id |
Видалити проєкт за ID |
| Метод |
URL |
Опис |
| POST |
/tasks/create |
Створити нове завдання |
| PUT |
/tasks/update/:id |
Оновити завдання за ID |
| DELETE |
/tasks/delete/:id |
Видалити завдання за ID |
- Клонувати репозиторій:
git clone https://github.com/vlad113chepurko/ProjecTracker
cd ProjecTracker
npm run dev
- Встановити залежності
- Запустити фронтенд (Vue 3 + Vite):
- Запустити бекенд (Node.js сервер):
cd backend
node server.js
- Натиснути "Add New Project"
- Ввести назву, опис і статус
- Натиснути "Add Project"
- Вибрати проєкт, щоб побачити його завдання
- Натиснути "Add Task" для створення нового завдання
- Вказати ім’я, автора, статус та дедлайн
- Для редагування або видалення — використовувати кнопки "Edit" та "Delete"
- Таски можна перетягувати, змінюючи їх порядок у таблиці
- Можна сортувати проєкти та завдання за:
- статусом
- іменем
- ID
- кількістю завдань
- Натискаючи на рядок проєкту, ви переходите до його завдань
- Vue 3 + Vite — фронтенд
- Pinia — керування станом
- Vee-Validate — валідація форм
- Axios — HTTP запити
- Node.js — бекенд
- Draggable — drag & drop для тасок