Mobile Experience

​

Overview

Apollo is fully responsive with dedicated mobile components for smaller screens. The mobile experience adapts the desktop interface for touch interaction while maintaining full functionality.

​

Mobile-Specific Features

​

Mobile App Shell

A dedicated layout wrapper for mobile that includes:

• Bottom navigation bar — quick access to main sections
• Swipe gestures — swipe between views
• Pull-to-refresh — refresh data with a downward swipe

​

Mobile Kanban

A touch-optimized Kanban board with:

• Swipeable columns
• Touch drag-and-drop for tasks
• Simplified card layout for smaller screens

​

Mobile Task List

A compact list view designed for mobile screens with swipe actions on individual tasks.

​

Mobile Calendar

A swipeable week view optimized for mobile interaction.

​

Mobile Filters

A bottom sheet filter panel with snap points — swipe up to expand, swipe down to dismiss.

​

Voice Input on Mobile

Full voice task creation and Apollo Brain voice mode work on mobile browsers.

​

Breakpoint System

Apollo uses a useBreakpoint hook that maps to standard breakpoints: