This project is a UI Test Sample developed to demonstrate layout structuring and circular view placement using traditional XML-based Android UI.

The screen layout is divided vertically into two sections:

• 🔷 Upper Layout: Takes up 70% of the screen height
• 🔶 Lower Layout: Takes up the remaining 30%
• ⭕ Circular View: Intersects both layouts visually at their center boundary

This behavior was designed as per an interviewer’s request and implemented using standard Android ConstraintLayout.

• ConstraintLayout is used to define the upper_layout and lower_layout with layout_constraintVertical_weight.
• The circular intersection view is implemented as a customizable component — it can be:
  • A View
  • An ImageView
  • A Button
  • A FloatingActionButton (FAB)

You can freely replace these elements with FrameLayout, RelativeLayout, or basic View containers based on design requirements.

This project follows the MVVM pattern and is structured according to Clean Architecture principles:

• presentation layer contains the Home screen UI
• XML is used for layout implementation to match the interview requirements

The same layout can be reimagined using Jetpack Compose:

• UpperLayout() and LowerLayout() can be implemented as two composable functions
• A third optional CircularOverlay() can be created to simulate or replace the circular intersection view
• You can also embed the XML circular view inside Compose using AndroidView

com.example.tarentotestapp │ ├── presentation │ └── screens │ └── home │ └── HomeActivity.kt │ └── res ├── layout ├── drawable └── values