3. Application Shell (header, footer, menu tabs, navigation)

[andrei-manda]

Description

The application shell serves as the foundational structure of the mobile app, providing the basic layout, navigation, and infrastructure necessary for the app's functionality.

Preconditions

• The user is logged in to the application.

Main Flow

1. The user is presented with the application shell comprising a header, footer, menu tabs, and persistent bottom navigation.
2. The user interacts with the bottom navigation to access different sections

Business Rules

1. The application must allow users to switch between sections without losing their current progress or data.
2. All interactions with elements must avoid using animations or any other battery-draining features to prioritize conserving the user's device battery life.

Additional Information

• Figma Reference here

Subtasks

• Spacing #214
• Icon Component #215
• Button Component #217
• Select Component
• Card Component #218
• Badge Component #219
• TextInput Component
• RadioInput Component
• Progress Component
• CircularProgress Component
• Checkbox Component
• Rating Component
• Spinner Component