Разработка веб-приложения менеджера проектов

В современных реалиях вопросы эффективного управления временем, задачами и проектами становятся все более актуальными. В этой связи возникает необходимость в использовании специализированных инструментов, способных облегчить процессы планирования, контроля и координации задач в различных проектах.

Одним из таких инструментов является проектируемое мной веб­приложение FocusFlow, являющаяся объектом моей выпускной работы. Данное приложение создано для эффективного управления проектами, предоставляя пользователям возможность отслеживания и взаимодействия с его ключевыми составляющими - задачами и участниками.

Целью работы является веб-приложения которое предоставляет инструменты для эффективного управления задачами и проектами, что позволит улучшить организацию своей работы, повысить производительность и достичь лучших результатов в своей деятельности.

В рамках достижения данной цели требуется решить следующие задачи

Изучить предметную область

Спроектировать и реализовать дизайн для веб приложения FocusFlow

Спроектировать архитектуру базы данных для веб приложения FocusFlow и реализовать ее

Спроектировать и реализовать фронтенд часть для веб приложения FocusFlow

Спроектировать и реализовать бэкенд часть для веб приложения FocusFlow

Реализовать развертывание веб приложения FocusFlow.

СПИСОК СОКРАЩЕНИЙ И УСЛОВНЫХ ОБОЗНАЧЕНИЙ 3

ТЕРМИНЫ И ОПРЕДЕЛЕНИЯ 4

ВВЕДЕНИЕ 5

1. ТЕХНОЛОГИИ И ИНСТРУМЕНТЫ, ИСПОЛЬЗУЕМЫЕ В РАЗРАБОТКЕ 6

1.1 Среда разработки WebStorm ................................................................................................... 6

1.2 Next js........................................................................................................................................... 6

1.3 React............................................................................................................................................. 7

1.4 Prisma 8

1.5 MongoDB .................................................................................................................................... 8

1.6 Clerk.js 9

2. Предметная область............................................................................................ 9

2.1 Функциональные требования ................................................................................................... 10

2.2 Нефункциональные требования 10

3. Проектирование 11

3.1 Clerk.js...................................................................................................................................... 11

3.2 React ......................................................................................................................................... 14

3.3 Системная архитектура задачи.............................................................................................. 15

4. Програмная реализация и интерфейс приложения 16

5. Адаптивная верстка для мобильных устройств 37

Заключение 40

Список используемых источников 41

Приложение 41

1. Документация JS [Электронный ресурс].

URL: https://developer.mozilla.org/ru/docs/Web/JavaScript

2. Документация React [Электронный ресурс].

URL: https://ru.legacy.reactjs.org/docs/getting-started.html

3. Документация Next js [Электронный ресурс].

URL: https://nextjs.org/docs

4. Документация MongoDB [Электронный ресурс].

URL: https://www.mongodb.com/docs/

5. Документация Clerk [Электронный ресурс].

URL: https://clerk.com/docs

6. Видео курс «React JS фундаментальный курс от А до Я» [Электронный ресурс].

URL:

https://www.youtube.com/watch?v=GNrdg3PzpJQ&t=5433s&ab_channe l=UlbiTV

7. Видео курс «Next JS» [Электронный ресурс].

URL:

https://www.youtube.com/watch?v=Onn38VeEAC8&ab_channel=UlbiT

8. Видео курс «Mongo DB полный курс» [Электронный ресурс]

URL:

https ://www. youtube. com/watch?v=LNvmI8a9jwY&ab channel=UlbiT

9. Основы UML / О.А. Невзорова, Ч.Б. Миннегалиева. - Казань: Казан. Ун-т, 2021. -43 с