максим/ разработчик
Все работы

ORBIT

Веб-приложение / панель управления

Рабочее пространство команды: статистика, график, Kanban и создание задач.

Открыть демо
Тип проекта
Веб-приложение / панель управления
Моя роль
Концепция и frontend-разработка
Реализованный стек
Next.js / React / TypeScript
Статус
Concept Project
Desktop: ORBIT, Веб-приложение / панель управления
Объём работы

Concept Project. Задачи хранятся в памяти до перезагрузки. График демонстрационный; авторизации, API и базы данных нет.

Задача

Показать экран приложения для управления проектом с данными, задачами и состояниями.

Проблема

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

Решение

Боковая панель, верхний поиск, карточки статистики, график активности и Kanban. Задачи создаются в диалоге и перемещаются нажатием на статус.

Функциональность

  • Sidebar и переключение представлений
  • Поиск по задачам
  • Kanban из трёх колонок
  • Создание задач в модальном окне
  • Сводка и прогресс по состоянию задач
  • Демонстрационный SVG-график

Процесс разработки

  1. 01

    Разработана структура рабочего пространства.

  2. 02

    Собраны панели, график и карточки задач.

  3. 03

    Добавлены поиск, создание и смена статуса.

Мобильная
версия.

На небольшом экране меняются сетка и навигация. Ниже - скриншот страницы на телефоне шириной 390 пикселей.

Попробовать интерфейс
Mobile: адаптивный интерфейс ORBIT на экране 390 пикселей

Что получилось

Создан интерактивный экран приложения. Сводка пересчитывается при создании и перемещении задач.

Обсудить похожий проект
PULSESaaS-сервис