notes
Хакатон 2024 | команда Гигабайт | проект Заметки
Проблема
На текущий момент в Сбере нет единого удобного решения для хранения и использования персональных заметок. Один из наиболее популярных инструментов - Notion - на текущий момент заблокирован. Другие аналоги - Confluence, Чат с самим собой, локальные заметки / Блокнот на компьютере - имеют большое количество недостатков.
В связи с этим, развитие специального инструмента по созданию и редактированию заметок является сегодня очень актуальной задачей.
Решение
Мы решили создать специализированное приложение Заметки для решения описанной проблемы. Это приложение позволит взять все самое лучшее из аналогов и устранить их главные недостатки:
- широкий функционал редактирования - различные стили текста, инструменты форматирования, большое количество расширений для удобства редактирования и структурирования информации;
- кроссплатформенность - WEB-приложение можно запустить на любом устройстве, адаптивная верстка позволяет удобно пользоваться приложением при различных размерах экрана;
- легковесность и скорость работы - приложение не перегружено лишними функциями, быстро работает и не требует сложной настройки;
- AI-ассистент на основе GigaChat, который поможет дописать, перефразировать или поправить текст заметки;
- можно поделиться ссылкой с коллегами;
- офлайн-режим для работы без доступа к Интернету.
Задачи, запланированные на время Хакатона 2024
- ✅ Реализация контракта PL-BH
- ✅ Реализация интеграции с GigaChat
- ✅ Настройка CI/CD (nginx, docker)
- ✅ Реализация базового функционала редактора на vite React.ts
- ✅ Реализовать обвязку PL для работы с редактором
- ✅ Реализация PWA и офлайн режима
- ✅ Реализация конфиг сервера для быстрого изменения параметров
- ✅ Интеграция BH-PL
В рамках 24-часового хакатона все запланированные задачи были успешно выполнены.
Дальнейшее развитие продукта
В продолжение начатой на хакатоне разработки мы выделили следующие направления, в которых можно развивать продукт:
- Внедрить с помощью GigaChat AI поиск, который будет искать по смыслу текста или тегам, что позволит находить заметки по смыслу, даже если в них не упомянуто конкретное искомое словосочетание.
- Реализация совместной работы над заметками в реальном времени.
- Интеграция дополнительных инструментов для работы (доски, графики).
- Добавление системы комментариев к заметкам для совместного обсуждения документации.
- Введение системы управления версиями заметок, которая позволит пользователям возвращаться к предыдущим версиям заметок и отслеживать изменения.
- Подключение новых виджетов и развитие функционала редактора;
- Совершенствование функций AI-ассистента, например идеи на основе контекста заметки
- Усиление безопасности с использованием шифрования данных как на устройстве, так и при передаче.
- Реализовать управление ролями для предоставления доступа к заметкам разным уровням сотрудников для улучшения опыта использования в корпоративной среде.
- Реализовать создание открытого API для того, чтобы другие приложения могли взаимодействовать с нашим продуктом.
- Поддержка горячих клавиш для быстрого редактирования заметок.
- Гибкие настройки кастомизации интерфейса.
- Нативное приложение для мобильных устройств.
- Вывод продукта на внешний рынок, подключение в подписку СберПрайм.
Поэтапный план
- Анализ актуальности идеи - 0.5 месяца
- Расчет бюджета - 0.5 месяца
- Формирование команды - 1 месяц
- Формировнаие бэклога продукта - 0.5 месяца(параллельно с формированием команды)
- Разработка - 3 месяца
- Тестирование и пилотный запуск - 1 месяц
- Вывод в эксплуатацию в сети банка - 1 месяц
- Доработка решения для вывода на внешний рынок - 3 месяца
- Выход на внешний рынок и интеграция с СберПрайм - 2 месяца
- Монетизация
Итого: 12,5 месяцев
Локальный запуск проекта. Пререквизиты.
- Для локального запуска проекта необходимо установить Docker
- На компьютере должен быть веб-браузер
- Необходимо иметь доступ в сегмент delta банковской сети
Сборка и запуск
-
В терминале необходимо выполнить следующую команду, дождаться окончания выполнения
docker compose up --build -
В адресной строке браузера открыть ссылку http://localhost:3000
Инструкция пользователя
- При первом запуске открывается главный экран с домашней страницей - на ней представлены основные фичи приложения, а по мере использования также будут появляться последние отредактированные заметки.
- В левом верхнем углу, рядом с названием "Заметки" находится кнопка создания новой заметки. При нажатии на эту кнопку на экране появится новая заметка.
- На экране новой заметки можно выбирать различные виджеты для редактирования, а также воспользоваться функционалом AI-ассистента.
- После создания заметки она появится в общем списке заметок, находящемся на панели слева.
- В общем списке заметок у каждой заметки есть кнопка (три точки) с доп. функциями:
- переименовать заметку,
- удалить заметку,
- добавить вложенную заметку.
!
Описание
Простое в использовании приложение для хранения заметок пользователя
Языки
TypeScript
- Dockerfile
- Java
- JavaScript
- HTML
- CSS
- SCSS