Login Screen

Product Screen

الي بيسويها يسويها بالطريقة الي تعجبه بس اشوف انها افضل تكون بالطريقة هذي:

ConstraintLayout
├── LinearLayout (Vertical) <-- Constraint: 0-Top, Left-0, Right-0
│   ├── Product image
│   ├── LinearLayout (Horizontal)
│   │   ├── Rate
│   │   └── Product Title
│   ├── Price
│   └── Description
└── LinearLayout (Vertical) <-- Constraint: 0-Bottom, Left-0, Right-0
    ├── LinearLayout (Horizontal)
    │   ├── Minus Button
    │   ├── Quantity Label
    │   └── Plus Button
    └── Add To Cart Button

Product screen is not using/dividing space efficiently to show product's details

Generate details dynamically

Using Intent putExtra method to get product id.

Switch to home fragment when category has changed.

• Generate all category from the database and display them
• Use themes.xml to style category components

To navigate between fragments use

Navigation.findNavController(<VIEW>).navigate(<Destination Frag ID>);

Guide

Searching something:

Changing fragment:

Return

🤡

Home Screen

الي بيسويها لا يحط المنتجات

A database class to access product and category tables.
Use Room Library to implement this feature. Guide1 Guide2

TODOs:

• Configure Room to use the existing DB mentioned in #6

Entity Classes

• Product
• Category

DAOs Classes

• ProductDao
• CategoryDao

Database class

• Getters for DAO classes
• Make it Singleton
• Make it thread safe using volatile & synchronized

• #16
• #17
• #18

Use ViewModel to implement this.

SQLite database that contains a random products

With the following columns inside Product table:

• row id [PK]
• title
• price (in SAR)
• description
• categoryid [FK]
• image (URL)
• rating (in the form x.x)

With the following columns inside Category table:

• row id [PK]
• name
• icon

• import SQLite database into the project as assets

Categories Screen

الي بيسويها يسوي اول وحدة بس، الباقي راح تجي برمجيًا على حسب قاعدة البيانات

ConstraintLayout
└── LinearLayout (Vertical) <-- Constraint: 0-Top, Left-0, Right-0
    ├── LinearLayout (Horizontal)
    │   ├── Icon 1
    │   └── Category Name 1
    ├── LinearLayout (Horizontal)
    │   ├── Icon 2
    │   └── Category Name 2
    └── ...