This PR introduces the initial implementation of the TimerScreen UI to align with the provided Figma design. The task focuses on the visual representation of the timer, ensuring accurate padding, typography, and color application. Timer logic is not included in this scope.
It closes issue #210.
Changes
Developed the TimerScreen UI to match Figma specifications.
Ensured responsive design and adherence to Material design guidelines.
Files
Modified
TimerScreen.kt: Implementation of the UI for the TimerScreen.
TimerScreenTest.kt and C.kt: Added a few tests using testTags only.
Updated Dimens.ktfor dimensions adjustments.
Dependencies Added
None
Testing
Manual visual inspection to confirm consistency with the Figma design.
Initial setup for UI tests with placeholders for functional validations once the timer logic is implemented.
Implement TimerScreen's UI
Description
This PR introduces the initial implementation of the
TimerScreen
UI to align with the provided Figma design. The task focuses on the visual representation of the timer, ensuring accurate padding, typography, and color application. Timer logic is not included in this scope.It closes issue #210.
Changes
TimerScreen
UI to match Figma specifications.Files
Modified
TimerScreen.kt
: Implementation of the UI for theTimerScreen
.TimerScreenTest.kt
andC.kt
: Added a few tests using testTags only.Dimens.kt
for dimensions adjustments.Dependencies Added
Testing
Screenshots
TimerScreen without time passing :
TimerScreen with time passing :