Разработка веб-приложения менеджера проектов
В современных реалиях вопросы эффективного управления временем, задачами и проектами становятся все более актуальными. В этой связи возникает необходимость в использовании специализированных инструментов, способных облегчить процессы планирования, контроля и координации задач в различных проектах.
Одним из таких инструментов является проектируемое мной вебприложение 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 [Электронный ресурс].
4. Документация MongoDB [Электронный ресурс].
URL: https://www.mongodb.com/docs/
5. Документация Clerk [Электронный ресурс].
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 с
