Project

General

Profile

Actions
Copy link

dev #572

open

Design Implementation for AppBar and Bottom Tab Bar

Added by Najmul Hasan over 1 year ago. Updated over 1 year ago.

Status:
Complete
Priority:
High
Assignee:
Najmul Hasan
Target version:
Study Week 1
Start date:
10/22/2024
Due date:
% Done:

100%

Estimated time:
7:00 h
Spent time:
6:30 h

Description

We need to design and implement the AppBar and Bottom Tab Bar for the CompressPdf app, following the design provided in the Figma file. The AppBar should include a custom title, Logo and actions, while the Bottom Tab Bar should feature custom icons and labels for navigation between screens. Ensure the design is responsive, and maintains a consistent user experience. The tab bar should support smooth navigation between the designated screens upon tapping any tab item.

Design Reference:
Figma File: https://www.figma.com/design/oXH0AgEfUO5YZjmkiAIoK5/compresspdf.to?node-id=2131-8419&node-type=canvas&m=dev

Tasks:

  • Design custom icons for the Bottom Tab Bar.
  • Implement AppBar with custom title and actions.
  • Integrate navigation between screens via Bottom Tab Bar items.
  • Ensure consistent theme and responsiveness across devices.
Actions
Copy link

Also available in: Atom PDF