diff --git a/awesome_dashboard/__manifest__.py b/awesome_dashboard/__manifest__.py
index a1cd72893d7..d61078eff20 100644
--- a/awesome_dashboard/__manifest__.py
+++ b/awesome_dashboard/__manifest__.py
@@ -1,30 +1,29 @@
 # -*- coding: utf-8 -*-
 {
-    'name': "Awesome Dashboard",
-
-    'summary': """
+    "name": "Awesome Dashboard",
+    "summary": """
         Starting module for "Discover the JS framework, chapter 2: Build a dashboard"
     """,
-
-    'description': """
+    "description": """
         Starting module for "Discover the JS framework, chapter 2: Build a dashboard"
     """,
-
-    'author': "Odoo",
-    'website': "https://www.odoo.com/",
-    'category': 'Tutorials',
-    'version': '0.1',
-    'application': True,
-    'installable': True,
-    'depends': ['base', 'web', 'mail', 'crm'],
-
-    'data': [
-        'views/views.xml',
+    "author": "Odoo",
+    "website": "https://www.odoo.com/",
+    "category": "Tutorials",
+    "version": "0.1",
+    "application": True,
+    "installable": True,
+    "depends": ["base", "web", "mail", "crm"],
+    "data": [
+        "views/views.xml",
     ],
-    'assets': {
-        'web.assets_backend': [
-            'awesome_dashboard/static/src/**/*',
+    "assets": {
+        "web.assets_backend": [
+            "awesome_dashboard/static/src/dashboard_loader.js",
+        ],
+        "awesome_dashboard.dashboard": [
+            "awesome_dashboard/static/src/dashboard/**/*",
         ],
     },
-    'license': 'AGPL-3'
+    "license": "AGPL-3",
 }
diff --git a/awesome_dashboard/controllers/controllers.py b/awesome_dashboard/controllers/controllers.py
index 05977d3bd7f..61d533e2d55 100644
--- a/awesome_dashboard/controllers/controllers.py
+++ b/awesome_dashboard/controllers/controllers.py
@@ -4,12 +4,12 @@
 import random
 
 from odoo import http
-from odoo.http import request
 
 logger = logging.getLogger(__name__)
 
+
 class AwesomeDashboard(http.Controller):
-    @http.route('/awesome_dashboard/statistics', type='jsonrpc', auth='user')
+    @http.route("/awesome_dashboard/statistics", type="jsonrpc", auth="user")
     def get_statistics(self):
         """
         Returns a dict of statistics about the orders:
@@ -22,15 +22,14 @@ def get_statistics(self):
         """
 
         return {
-            'average_quantity': random.randint(4, 12),
-            'average_time': random.randint(4, 123),
-            'nb_cancelled_orders': random.randint(0, 50),
-            'nb_new_orders': random.randint(10, 200),
-            'orders_by_size': {
-                'm': random.randint(0, 150),
-                's': random.randint(0, 150),
-                'xl': random.randint(0, 150),
+            "average_quantity": random.randint(4, 12),
+            "average_time": random.randint(4, 123),
+            "nb_cancelled_orders": random.randint(0, 50),
+            "nb_new_orders": random.randint(10, 200),
+            "orders_by_size": {
+                "m": random.randint(0, 150),
+                "s": random.randint(0, 150),
+                "xl": random.randint(0, 150),
             },
-            'total_amount': random.randint(100, 1000)
+            "total_amount": random.randint(100, 1000),
         }
-
diff --git a/awesome_dashboard/static/src/dashboard.js b/awesome_dashboard/static/src/dashboard.js
deleted file mode 100644
index c4fb245621b..00000000000
--- a/awesome_dashboard/static/src/dashboard.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Component } from "@odoo/owl";
-import { registry } from "@web/core/registry";
-
-class AwesomeDashboard extends Component {
-    static template = "awesome_dashboard.AwesomeDashboard";
-}
-
-registry.category("actions").add("awesome_dashboard.dashboard", AwesomeDashboard);
diff --git a/awesome_dashboard/static/src/dashboard/dashboard.js b/awesome_dashboard/static/src/dashboard/dashboard.js
new file mode 100644
index 00000000000..66986a51e89
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard.js
@@ -0,0 +1,97 @@
+/** @odoo-module **/
+
+import { _t } from "@web/core/l10n/translation";
+import { Component, useState } from "@odoo/owl";
+import { DashboardItem } from "./document_item/document_item";
+import { registry } from "@web/core/registry";
+import { Layout } from "@web/search/layout";
+import { DashboardSettings } from "./dashboard_settings/dashboard_settings";
+import { useService } from "@web/core/utils/hooks";
+import { Dialog } from "@web/core/dialog/dialog";
+import {CheckBox} from "@web/core/checkbox/checkbox"
+import { browser } from "@web/core/browser/browser";
+export class AwesomeDashboard extends Component {
+    static template = "awesome_dashboard.AwesomeDashboard";
+    static components = { Layout, DashboardItem, DashboardSettings};
+
+    setup() {
+        this.action = useService("action");
+        this.statistics = useService("awesome_dashboard.statistics");
+        this.display = {
+        controlPanel: {},
+        };
+        this.dialog = useService("dialog");
+        this.allItems = registry.category("awesome_dashboard").getAll();
+
+        this.hiddenItems = JSON.parse(localStorage.getItem("dashboard_hidden") || "[]");
+
+        this.items = this.allItems.filter(
+            (item) => !this.hiddenItems.includes(item.id)
+        );
+        this.state = useState({
+        disabledItems:
+            browser.localStorage.getItem("disabledDashboardItems")?.split(",") ||
+            [],
+        });
+    }
+    openConfiguration() {
+        this.dialog.add(ConfigurationDialog, {
+                items: this.items,
+                disabledItems: this.state.disabledItems,
+                onUpdateConfiguration: this.updateConfiguration.bind(this),
+            });
+    }
+
+    updateConfiguration(newDisabledItems) {
+        this.state.disabledItems = newDisabledItems;
+    }
+
+
+    openCustomerView() {
+        this.action.doAction("base.action_partner_form");
+    }
+
+    openLeads() {
+            this.action.doAction({
+                type: "ir.actions.act_window",
+                name: _t("All leads"),
+                res_model: "crm.lead",
+                views: [
+                    [false, "list"],
+                    [false, "form"],
+                ],
+            });
+        }
+    }
+    class ConfigurationDialog extends Component {
+    static template = "awesome_dashboard.ConfigurationDialog";
+    static components = { Dialog, CheckBox };
+    static props = ["close", "items", "disabledItems", "onUpdateConfiguration"];
+
+    setup() {
+        this.items = useState(this.props.items.map((item) => {
+            return {
+                ...item,
+                enabled: !this.props.disabledItems.includes(item.id),
+            }
+        }));
+    }
+
+    done() {
+        this.props.close();
+    }
+
+    onChange(checked, changedItem) {
+        changedItem.enabled = checked;
+        const newDisabledItems = Object.values(this.items).filter(
+            (item) => !item.enabled
+        ).map((item) => item.id)
+
+        browser.localStorage.setItem(
+            "disabledDashboardItems",
+            newDisabledItems,
+        );
+        this.props.onUpdateConfiguration(newDisabledItems);
+    }
+}
+registry.category("lazy_components").add("AwesomeDashboard", AwesomeDashboard);
diff --git a/awesome_dashboard/static/src/dashboard/dashboard.scss b/awesome_dashboard/static/src/dashboard/dashboard.scss
new file mode 100644
index 00000000000..3c21a3315cc
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard.scss
@@ -0,0 +1,17 @@
+.o_dashboard {
+    background-color : gray;
+    height : 100%;
+}
+.o_card {
+    background: white;
+    padding: 20px;
+    margin: 10px;
+    border: 1px solid #ccc;
+    text-align: center;
+}
+
+.pie-container {
+    width: 220px;   
+    height: 220px;
+    margin: auto;
+}
diff --git a/awesome_dashboard/static/src/dashboard/dashboard.xml b/awesome_dashboard/static/src/dashboard/dashboard.xml
new file mode 100644
index 00000000000..0efd1df6d34
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard.xml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_dashboard.AwesomeDashboard">
+        <Layout display="display" className="'o_dashboard h-100'">
+                <t t-set-slot="layout-buttons">
+                    <button class="btn btn-primary" t-on-click="openCustomerView">Customers</button>
+                    <button class="btn btn-primary" t-on-click="openLeads">Leads</button>
+                </t>
+
+                <t t-set-slot="control-panel-additional-actions">
+                    <button t-on-click="openConfiguration" class="btn p-0 ms-1 border-0">
+                        <i class="fa fa-cog"></i>
+                    </button>
+                </t>
+            
+            <div class="d-flex flex-wrap" t-if="statistics.isReady">
+
+                <t t-foreach="items" t-as="item" t-key="item.id">
+
+                    <div t-attf-class="col-#{item.size || 4}">
+
+                            <DashboardItem t-if="!state.disabledItems.includes(item.id)"
+                                        size="item.size || 3">
+
+                                <t t-set="itemProp"
+                                    t-value="item.props ? item.props(statistics) : {'data': statistics}"/>
+
+                                <t t-component="item.Component"
+                                    t-props="itemProp"/>
+
+                            </DashboardItem>
+
+                    </div>
+                </t>
+            </div>
+
+        </Layout>
+    </t>
+        <t t-name="awesome_dashboard.ConfigurationDialog">
+        <Dialog title="'Dashboard items configuration'">
+            Which cards do you whish to see ?
+            <t t-foreach="items" t-as="item" t-key="item.id">
+                <CheckBox value="item.enabled" onChange="(ev) => this.onChange(ev, item)">
+                    <t t-esc="item.description"/>
+                </CheckBox>
+            </t>
+            <t t-set-slot="footer">
+                <button class="btn btn-primary" t-on-click="done">
+                    Done
+                </button>
+            </t>
+        </Dialog>
+    </t>
+
+</templates>
diff --git a/awesome_dashboard/static/src/dashboard/dashboard_item.js b/awesome_dashboard/static/src/dashboard/dashboard_item.js
new file mode 100644
index 00000000000..8324a9224ce
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard_item.js
@@ -0,0 +1,75 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { NumberCard } from "./number_card/number_card";
+import { PieChartCard } from "./piechart_card/piechart_card";
+
+const dashboardItems = [
+    {
+        id: "average_quantity",
+        description: "Average T-Shirts",
+        Component: NumberCard,
+        size: 3,
+        props: (data) => ({
+            title: "Average t-shirt per order",
+            value: data.average_quantity,
+        }),
+    },
+    {
+        id: "average_time",
+        description: "Average processing time",
+        Component: NumberCard,
+        size: 3,
+        props: (data) => ({
+            title: "Average processing time",
+            value: data.average_time,
+        }),
+    },
+    {
+        id: "nb_new_orders",
+        description: "New Orders",
+        Component: NumberCard,
+        size: 3,
+        props: (data) => ({
+            title: "New Orders",
+            value: data.nb_new_orders,
+        }),
+    },
+    {
+        id: "nb_cancelled_orders",
+        description: "Cancelled Orders",
+        Component: NumberCard,
+        size: 3,
+        props: (data) => ({
+            title: "Cancelled Orders",
+            value: data.nb_cancelled_orders,
+        }),
+    },
+    {
+        id: "total_amount",
+        description: "Total Amount",
+        Component: NumberCard,
+        size: 3,
+        props: (data) => ({
+            title: "Total Amount",
+            value: data.total_amount,
+        }),
+    },
+    {
+        id: "orders_by_size",
+        description: "Orders by Size",
+        Component: PieChartCard,
+        size: 3,
+        props: (data) => ({
+            title: "Orders by Size",
+            data: data.orders_by_size || {},
+        }),
+    },
+];
+
+
+const dashboardItemRegistry = registry.category("awesome_dashboard");
+
+for (const item of dashboardItems) {
+    dashboardItemRegistry.add(item.id, item);
+}
diff --git a/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.js b/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.js
new file mode 100644
index 00000000000..18434b0c72d
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.js
@@ -0,0 +1,31 @@
+/** @odoo-module **/
+
+import { Component, useState } from "@odoo/owl";
+
+export class DashboardSettings extends Component {
+    static template = "awesome_dashboard.DashboardSettings";
+
+    setup() {
+        this.state = useState({
+            hidden: new Set(this.props.hiddenItems),
+        });
+    }
+
+    toggle(id) {
+        if (this.state.hidden.has(id)) {
+            this.state.hidden.delete(id);
+        } else {
+            this.state.hidden.add(id);
+        }
+    }
+
+    apply() {
+        const hiddenItems = Array.from(this.state.hidden);
+
+        localStorage.setItem("dashboard_hidden", JSON.stringify(hiddenItems));
+
+        this.props.close();
+
+        location.reload();   
+    }
+}
diff --git a/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.xml b/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.xml
new file mode 100644
index 00000000000..c48d9774f9b
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/dashboard_settings/dashboard_settings.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve" owl="1">
+
+<t t-name="awesome_dashboard.DashboardSettings">
+    <div class="p-3">
+        <h4>Dashboard Settings</h4>
+
+        <t t-foreach="props.items" t-as="item" t-key="item.id">
+            <div class="form-check">
+                
+                <input type="checkbox"
+                    class="form-check-input"
+                    t-att-checked="!state.hidden.has(item.id)"
+                    t-on-click="() => toggle(item.id)"/>
+
+                <label>
+                    <t t-esc="item.description || item.id"/>
+                </label>
+
+            </div>
+        </t>
+
+        <div class="mt-3">
+            <button class="btn btn-primary" t-on-click="apply">
+                Apply
+            </button>
+        </div>
+    </div>
+</t>
+</templates>
diff --git a/awesome_dashboard/static/src/dashboard/document_item/document_item.js b/awesome_dashboard/static/src/dashboard/document_item/document_item.js
new file mode 100644
index 00000000000..32c602f2d38
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/document_item/document_item.js
@@ -0,0 +1,21 @@
+/** @odoo-module **/
+
+import { Component} from "@odoo/owl";
+export class DashboardItem extends Component {
+    static template = "awesome_dashboard.DashboardItem"
+    
+    static props = {
+            value:Number,
+        slots: {
+            type: Object,
+            shape: {
+                default: Object
+            },
+        },
+        size: {
+            type: Number,
+            default: 1,
+            optional: true,
+        },
+    };
+}
diff --git a/awesome_dashboard/static/src/dashboard/document_item/document_item.xml b/awesome_dashboard/static/src/dashboard/document_item/document_item.xml
new file mode 100644
index 00000000000..9230aa367a4
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/document_item/document_item.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve" owl="1">
+    <t t-name="awesome_dashboard.DashboardItem">
+        <div class="card m-2 border-dark" t-attf-style="width: {{18*props.size}}rem;">
+            <div class="card-body">
+                <h4 t-esc="props.value"/>
+                
+                <t t-slot="default"/>
+                
+            </div>
+        </div>
+    </t>
+</templates>
diff --git a/awesome_dashboard/static/src/dashboard/number_card/number_card.js b/awesome_dashboard/static/src/dashboard/number_card/number_card.js
new file mode 100644
index 00000000000..16fccaa748b
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/number_card/number_card.js
@@ -0,0 +1,11 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+
+export class NumberCard extends Component {
+    static template = "awesome_dashboard.NumberCard";
+    static props = {
+    title: { type: String },
+    value: { type: Number },
+    };
+}
diff --git a/awesome_dashboard/static/src/dashboard/number_card/number_card.xml b/awesome_dashboard/static/src/dashboard/number_card/number_card.xml
new file mode 100644
index 00000000000..c9bea358755
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/number_card/number_card.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve" owl="1">
+
+    <t t-name="awesome_dashboard.NumberCard">
+            <div>
+                <div t-esc="props.title" />
+                <h1 t-esc="props.value" />
+            </div>
+    </t>
+</templates>
diff --git a/awesome_dashboard/static/src/dashboard/piechart/piechart.js b/awesome_dashboard/static/src/dashboard/piechart/piechart.js
new file mode 100644
index 00000000000..a1a3b555a21
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/piechart/piechart.js
@@ -0,0 +1,48 @@
+/** @odoo-module **/
+
+import { Component, onWillStart, onMounted, useRef } from "@odoo/owl";
+import { loadJS } from "@web/core/assets";
+
+export class PieChart extends Component {
+    static template = "awesome_dashboard.PieChart";
+    
+    setup() {
+        this.canvasRef = useRef("canvas");
+
+
+        onWillStart(async () => {
+            await loadJS("/web/static/lib/Chart/Chart.js");
+        });
+
+        onMounted(() => {
+            this.renderChart();
+        });
+    }
+
+    renderChart() {
+    const canvas = this.canvasRef.el;
+
+    if (!canvas) {
+        console.error("Canvas not found");
+        return;
+    }
+
+    const ctx = canvas.getContext("2d");
+
+    const data = this.props.data || {};
+    const labels = Object.keys(data);
+    const values = Object.values(data);
+
+    new Chart(ctx, {
+        type: "pie",
+        data: {
+            labels: labels,
+            datasets: [
+                {
+                    data: values,
+                },
+            ],
+        },
+    });
+}
+}
diff --git a/awesome_dashboard/static/src/dashboard.xml b/awesome_dashboard/static/src/dashboard/piechart/piechart.xml
similarity index 55%
rename from awesome_dashboard/static/src/dashboard.xml
rename to awesome_dashboard/static/src/dashboard/piechart/piechart.xml
index 1a2ac9a2fed..04b1c63ec09 100644
--- a/awesome_dashboard/static/src/dashboard.xml
+++ b/awesome_dashboard/static/src/dashboard/piechart/piechart.xml
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
 
-    <t t-name="awesome_dashboard.AwesomeDashboard">
-        hello dashboard
+    <t t-name="awesome_dashboard.PieChart">
+        <canvas  t-ref="canvas"/>
     </t>
 
 </templates>
diff --git a/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.js b/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.js
new file mode 100644
index 00000000000..b9b53961086
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.js
@@ -0,0 +1,14 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+import { PieChart } from "../piechart/piechart";
+export class PieChartCard extends Component {
+    static components = { PieChart };
+    static template = "awesome_dashboard.PieChartCard";
+
+    static components = { PieChart };
+    static props = {
+    title: { type: String },
+    values: { type: Object },
+    };
+}
diff --git a/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.xml b/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.xml
new file mode 100644
index 00000000000..8f57c90f160
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/piechart_card/piechart_card.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve" owl="1">
+
+    <t t-name="awesome_dashboard.PieChartCard">
+        <div class="o_card">
+            <h5><t t-esc="props.title"/></h5>
+
+            <div class="pie-container">
+                <PieChart data="props.data || {}"/>
+            </div>
+
+        </div>
+    </t>
+</templates>
diff --git a/awesome_dashboard/static/src/dashboard/statistics_service.js b/awesome_dashboard/static/src/dashboard/statistics_service.js
new file mode 100644
index 00000000000..50dca99db84
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard/statistics_service.js
@@ -0,0 +1,23 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { reactive } from "@odoo/owl";
+import { rpc } from "@web/core/network/rpc";
+
+const statisticsService = {
+    start() {
+        const statistics = reactive({ isReady: false });
+
+        async function loadData() {
+            const updates = await rpc("/awesome_dashboard/statistics");
+            Object.assign(statistics, updates, { isReady: true });
+        }
+
+        setInterval(loadData, 10 * 1000);
+        loadData();
+
+        return statistics;
+    },
+};
+
+registry.category("services").add("awesome_dashboard.statistics", statisticsService);
diff --git a/awesome_dashboard/static/src/dashboard_loader.js b/awesome_dashboard/static/src/dashboard_loader.js
new file mode 100644
index 00000000000..c4685cf5e6a
--- /dev/null
+++ b/awesome_dashboard/static/src/dashboard_loader.js
@@ -0,0 +1,16 @@
+/** @odoo-module **/
+
+import { registry } from "@web/core/registry";
+import { Component, xml } from "@odoo/owl";
+import { LazyComponent } from "@web/core/assets";
+
+class DashboardAction extends Component {
+    static components = { LazyComponent };
+
+    static template = xml`
+        <LazyComponent bundle="'awesome_dashboard.dashboard'" Component="'AwesomeDashboard'" props="props"/>
+        `;
+
+}
+
+registry.category("actions").add("awesome_dashboard.dashboard", DashboardAction);
diff --git a/awesome_owl/__manifest__.py b/awesome_owl/__manifest__.py
index 55002ab81de..d6f9b54dba2 100644
--- a/awesome_owl/__manifest__.py
+++ b/awesome_owl/__manifest__.py
@@ -1,43 +1,39 @@
 # -*- coding: utf-8 -*-
 {
-    'name': "Awesome Owl",
-
-    'summary': """
+    "name": "Awesome Owl",
+    "summary": """
         Starting module for "Discover the JS framework, chapter 1: Owl components"
     """,
-
-    'description': """
+    "description": """
         Starting module for "Discover the JS framework, chapter 1: Owl components"
     """,
-
-    'author': "Odoo",
-    'website': "https://www.odoo.com",
-
+    "author": "Odoo",
+    "website": "https://www.odoo.com",
     # Categories can be used to filter modules in modules listing
     # Check https://github.com/odoo/odoo/blob/15.0/odoo/addons/base/data/ir_module_category_data.xml
     # for the full list
-    'category': 'Tutorials',
-    'version': '0.1',
-
+    "category": "Tutorials",
+    "version": "0.1",
     # any module necessary for this one to work correctly
-    'depends': ['base', 'web'],
-    'application': True,
-    'installable': True,
-    'data': [
-        'views/templates.xml',
+    "depends": ["base", "web"],
+    "application": True,
+    "installable": True,
+    "data": [
+        "views/templates.xml",
+
     ],
-    'assets': {
-        'awesome_owl.assets_playground': [
-            ('include', 'web._assets_helpers'),
-            ('include', 'web._assets_backend_helpers'),
-            'web/static/src/scss/pre_variables.scss',
-            'web/static/lib/bootstrap/scss/_variables.scss',
-            'web/static/lib/bootstrap/scss/_maps.scss',
-            ('include', 'web._assets_bootstrap'),
-            ('include', 'web._assets_core'),
-            'web/static/src/libs/fontawesome/css/font-awesome.css',
-            'awesome_owl/static/src/**/*',
+    "assets": {
+        "awesome_owl.assets_playground": [
+            ("include", "web._assets_helpers"),
+            ("include", "web._assets_backend_helpers"),
+            "web/static/src/scss/pre_variables.scss",
+            "web/static/lib/bootstrap/scss/_variables.scss",
+            "web/static/lib/bootstrap/scss/_maps.scss",
+            ("include", "web._assets_bootstrap"),
+            ("include", "web._assets_core"),
+            "web/static/src/libs/fontawesome/css/font-awesome.css",
+            "awesome_owl/static/src/**/*",
         ],
     },
-    'license': 'AGPL-3'
+    "license": "AGPL-3",
 }
diff --git a/awesome_owl/static/src/card/card.js b/awesome_owl/static/src/card/card.js
new file mode 100644
index 00000000000..aecf201cb8f
--- /dev/null
+++ b/awesome_owl/static/src/card/card.js
@@ -0,0 +1,22 @@
+import {Component,useState} from "@odoo/owl";
+
+export class Card extends Component{
+    static template = "awesome_owl.card";
+    
+    static props = {
+
+        title : String,
+        slots: {
+        type: Object,
+        optional: true,
+        },
+    };
+
+    setup(){
+        this.state = useState({isOpen: true });
+    }
+
+    toggleContent(){
+        this.state.isOpen = !this.state.isOpen
+    }
+}
diff --git a/awesome_owl/static/src/card/card.xml b/awesome_owl/static/src/card/card.xml
new file mode 100644
index 00000000000..388c854888a
--- /dev/null
+++ b/awesome_owl/static/src/card/card.xml
@@ -0,0 +1,17 @@
+<?xml version = "1.0" encoding = "UTF-8"?>
+<templates xml:space="preserve">
+
+<t t-name="awesome_owl.card">
+    <div class="card d-inline-block m-2" style="width: 18rem;">
+        <div class="card-body">
+            <h5 class="card-title"><t t-out="props.title"/></h5>
+                <button class="btn" t-on-click="toggleContent">Toggle</button>
+                <p class="card-text" t-if="state.isOpen">
+                <t t-slot="default"/>
+                
+        
+            </p>
+        </div>
+    </div>    
+</t>
+</templates>
diff --git a/awesome_owl/static/src/counter/counter.js b/awesome_owl/static/src/counter/counter.js
new file mode 100644
index 00000000000..7e1fb58d793
--- /dev/null
+++ b/awesome_owl/static/src/counter/counter.js
@@ -0,0 +1,20 @@
+import {Component, useState} from "@odoo/owl";
+
+export class Counter extends Component {
+    static template = "awesome_owl.counter";
+
+    static props = {
+        onchange:{type:Function , optional : true}
+    };
+
+    setup(){
+        this.state = useState({ value: 1});
+    }
+
+    increment(){
+        this.state.value++;
+        if(this.props.onchange)
+            this.props.onchange();
+    }
+    
+}  
diff --git a/awesome_owl/static/src/counter/counter.xml b/awesome_owl/static/src/counter/counter.xml
new file mode 100644
index 00000000000..d9871a82587
--- /dev/null
+++ b/awesome_owl/static/src/counter/counter.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+<t t-name="awesome_owl.counter">
+    <span>
+        <span class="p-3" >
+            Counter:
+            <span>
+                <t t-esc="state.value"/>
+                <button  class="btn bg-primary" t-on-click="increment">Increment</button>
+            </span>
+        </span> 
+        
+    </span>     
+</t>
+</templates>
diff --git a/awesome_owl/static/src/playground.js b/awesome_owl/static/src/playground.js
index 4ac769b0aa5..5fb2275ee62 100644
--- a/awesome_owl/static/src/playground.js
+++ b/awesome_owl/static/src/playground.js
@@ -1,5 +1,19 @@
-import { Component } from "@odoo/owl";
-
+import {Component,useState,markup} from "@odoo/owl";
+import {Counter} from "./counter/counter";
+import {Card} from "./card/card";
+import {TodoList} from "./todo/todo_list"
 export class Playground extends Component {
     static template = "awesome_owl.playground";
+    static components = { Counter, Card , TodoList};
+    // value1=markup('<div class="text-primary">Hello</div>');
+
+    setup(){
+        this.str1 = markup("<div>some content</div>");
+        this.str2 = "<div>some content</div>";
+        this.state = useState({ value: 2});
+    }
+
+    incrementSum(){
+        this.state.value++;
+    }
 }
diff --git a/awesome_owl/static/src/playground.xml b/awesome_owl/static/src/playground.xml
index 4fb905d59f9..45b95460ffc 100644
--- a/awesome_owl/static/src/playground.xml
+++ b/awesome_owl/static/src/playground.xml
@@ -1,10 +1,15 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
 
-    <t t-name="awesome_owl.playground">
-        <div class="p-3">
-            hello world
-        </div>
-    </t>
-
+<t t-name="awesome_owl.playground">
+    
+    <p class="p-3">Hello World 
+        <Counter onchange.bind="incrementSum"/>
+        <Counter onchange.bind="incrementSum"/>    
+    </p>
+    <div class="p-3">The Sum is: <t t-esc="state.value"/></div>
+    <Card title="'property1'"/>
+    <Card title="'property2'"> <Counter /></Card>
+    <TodoList/>
+</t>
 </templates>
diff --git a/awesome_owl/static/src/todo/todo_item.js b/awesome_owl/static/src/todo/todo_item.js
new file mode 100644
index 00000000000..4b0f57a065f
--- /dev/null
+++ b/awesome_owl/static/src/todo/todo_item.js
@@ -0,0 +1,27 @@
+import {Component} from "@odoo/owl";
+
+
+export class TodoItem extends Component{
+    static template = "awesome_owl.TodoItem";
+    static props = {
+    todo: {
+        type: Object,
+        shape: {
+            id: Number,
+            description: String,
+            isCompleted: Boolean,
+        },
+    },
+        toggleState: Function,
+        removeTodo: Function,
+    
+};
+    onChange(todoId){
+        this.props.toggleState(this.props.todo.id);
+    }
+
+    onRemove(todoId){
+        this.props.removeTodo(this.props.todo.id);
+        }
+        
+    }
diff --git a/awesome_owl/static/src/todo/todo_item.xml b/awesome_owl/static/src/todo/todo_item.xml
new file mode 100644
index 00000000000..ee2886f8ce5
--- /dev/null
+++ b/awesome_owl/static/src/todo/todo_item.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="awesome_owl.TodoItem">
+        
+        <div class="form-check">
+            <input class="form-check-input" type="checkbox" t-att-id="props.todo.id" t-att-checked="props.todo.isCompleted" t-on-change="onChange"/>
+            <label t-att-for="props.todo.id" t-att-class="props.todo.isCompleted ? 'text-decoration-line-through text-muted' : '' "/>
+            <span><t t-esc="props.todo.id"/></span>
+            <span><t t-esc="props.todo.description"/></span>
+            <span role="button" class="fa fa-remove ms-3 text-danger" t-on-click="onRemove"/>
+        </div>
+    </t>
+</templates>
diff --git a/awesome_owl/static/src/todo/todo_list.js b/awesome_owl/static/src/todo/todo_list.js
new file mode 100644
index 00000000000..5a35a9fa762
--- /dev/null
+++ b/awesome_owl/static/src/todo/todo_list.js
@@ -0,0 +1,47 @@
+import { Component,useState} from "@odoo/owl";
+import { TodoItem } from "./todo_item";
+import { useAutofocus } from "../utils";
+export class TodoList extends Component {
+    
+    static template = "awesome_owl.TodoList";
+    static components = { TodoItem};
+    
+    setup() {
+        this.todos = useState([]);
+        this.nextId = 1;
+        useAutofocus("input");
+}
+
+    addTodo(ev) {
+        if (ev.keyCode === 13) {
+            const description = ev.target.value.trim();
+
+            if (!description) {
+                return;
+            }
+
+            this.todos.push({
+                id: this.nextId++,
+                description: ev.target.value,
+                isCompleted: false,
+            });
+
+            ev.target.value = "";
+        }
+    }
+
+    toggleTodo(todoId) {
+        const todo = this.todos.find((todo) => todo.id === todoId);
+        if (todo) {
+            todo.isCompleted = !todo.isCompleted;
+        }
+    }
+
+    removeTodo(todoId) {
+    
+    const index = this.todos.findIndex((todo) => todo.id === todoId);
+    if (index >= 0) {
+        this.todos.splice(index, 1);
+        }
+    }
+}
diff --git a/awesome_owl/static/src/todo/todo_list.xml b/awesome_owl/static/src/todo/todo_list.xml
new file mode 100644
index 00000000000..c990153850e
--- /dev/null
+++ b/awesome_owl/static/src/todo/todo_list.xml
@@ -0,0 +1,28 @@
+<templates xml:space="preserve">
+
+<t t-name="awesome_owl.TodoList">
+
+    <div>
+
+        <h3>Todo List</h3>
+
+        <input
+            t-ref="input"
+            type="text"
+            placeholder="Enter a new task"
+            t-on-keyup="addTodo"
+        />
+
+        <div class="mt16">
+
+            <t t-foreach="todos" t-as="todo" t-key="todo.id">
+                <TodoItem todo="todo" toggleState.bind="toggleTodo" removeTodo.bind="removeTodo"/>
+            </t>
+
+        </div>
+
+    </div>
+
+</t>
+</templates>
+
diff --git a/awesome_owl/static/src/utils.js b/awesome_owl/static/src/utils.js
new file mode 100644
index 00000000000..4c33c6677ed
--- /dev/null
+++ b/awesome_owl/static/src/utils.js
@@ -0,0 +1,8 @@
+import {useRef,onMounted} from "@odoo/owl";
+
+export function useAutofocus(input) {
+    const ref = useRef(input);
+    onMounted(() => {
+    ref.el.focus();
+    });
+}
diff --git a/estate/__init__.py b/estate/__init__.py
new file mode 100644
index 00000000000..8f5ced4b094
--- /dev/null
+++ b/estate/__init__.py
@@ -0,0 +1,2 @@
+# import the model directory
+from . import models  # noqa: F401
diff --git a/estate/__manifest__.py b/estate/__manifest__.py
new file mode 100644
index 00000000000..f1581e314e1
--- /dev/null
+++ b/estate/__manifest__.py
@@ -0,0 +1,22 @@
+{
+    "name": "Real Estate Advertisement ",
+    "version": "1.0",
+    "depends": ["base"],
+    "website": "https://www.odoo.com/app/estate",
+    "summary": "This module is for Real estate advertisement.",
+    "category": "estate",
+    "data": [
+        "security/ir.model.access.csv",
+        "views/estate_property_views.xml",
+        "views/estate_property_type_views.xml",
+        "views/estate_property_tag_views.xml",
+        "views/estate_property_offers_views.xml",
+        "views/estate_menus.xml",
+        "views/res_users_view.xml",
+        "data/estate_demo_data.xml",
+    ],
+    "installable": True,
+    "application": True,
+    "author": "odoo-pupat",
+    "license": "LGPL-3",
+}
diff --git a/estate/data/estate_demo_data.xml b/estate/data/estate_demo_data.xml
new file mode 100644
index 00000000000..5102d4bbe82
--- /dev/null
+++ b/estate/data/estate_demo_data.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="demo_type" model="estate.property.type">
+        <field name="name">Home</field>
+    </record>
+        
+    <record id="demo_tag" model="estate.property.tag">
+        <field name="name">Luxurious</field>
+    </record>
+
+    <record id="demo_data_estate" model="estate.property">
+        <field name="name">Chitrakut Residency</field>
+        <field name="expected_price">900000</field>
+        <field name="postcode">191980</field>
+        <field name="description">Best residency in this city</field>
+        <field name="property_type_id" ref="demo_type"></field>
+        <field name="property_tag_ids" eval="[(4,ref('demo_tag'))]"></field>
+    </record>
+
+    <record id="demo_type2" model="estate.property.type">
+        <field name="name">Villa</field>
+    </record>
+
+    <record id="demo_tag2" model="estate.property.tag">
+        <field name="name">Cozy</field>
+    </record>
+
+    <record id="demo_data_estate2" model="estate.property">
+        <field name="name">Rooftop House</field>
+        <field name="expected_price">950000</field>
+        <field name="postcode">191989</field>
+        <field name="description">It feels like heaven</field>
+        <field name="property_type_id" ref="demo_type2"></field>
+        <field name="property_tag_ids" eval="[(4,ref('demo_tag2'))]"></field>
+    </record>
+
+    <record id="demo_type3" model="estate.property.type">
+        <field name="name">Penthouse</field>
+    </record>
+
+    <record id="demo_tag3" model="estate.property.tag">
+        <field name="name">Furnished</field>
+    </record>
+        
+    <record id="demo_data_estate3" model="estate.property">
+        <field name="name">Swadesh PG</field>
+        <field name="expected_price">70000</field>
+        <field name="postcode">191980</field>
+        <field name="description">Best PG in this city</field>
+        <field name="property_type_id" ref="demo_type3"></field>
+        <field name="property_tag_ids" eval="[(4,ref('demo_tag3'))]"></field>
+    </record>
+
+    <record id="demo_type4" model="estate.property.type">
+        <field name="name">Palace</field>
+    </record>
+
+    <record id="demo_tag4" model="estate.property.tag">
+        <field name="name">Precious</field>
+     </record>
+
+    <record id="demo_data_estate4" model="estate.property">
+        <field name="name">De glance Palace</field>
+        <field name="expected_price">1000000</field>
+        <field name="postcode">191970</field>
+        <field name="description">Great Indian Palace</field>
+        <field name="property_type_id" ref="demo_type4"></field>
+        <field name="property_tag_ids" eval="[(4,ref('demo_tag4'))]"></field>
+    </record>
+</odoo>
diff --git a/estate/models/__init__.py b/estate/models/__init__.py
new file mode 100644
index 00000000000..8733276da2f
--- /dev/null
+++ b/estate/models/__init__.py
@@ -0,0 +1,7 @@
+from . import (
+    estate_property,  # noqa: F401
+    estate_property_offer,  # noqa: F401
+    estate_property_tag,  # noqa: F401
+    estate_property_type,  # noqa: F401
+    res_users,  # noqa: F401
+)
diff --git a/estate/models/estate_property.py b/estate/models/estate_property.py
new file mode 100644
index 00000000000..2723099b206
--- /dev/null
+++ b/estate/models/estate_property.py
@@ -0,0 +1,137 @@
+from odoo import _, api, fields, models
+from odoo.exceptions import UserError, ValidationError
+from odoo.tools import float_compare, float_is_zero
+
+
+class EstateProperty(models.Model):
+    _name = "estate.property"
+    _description = "estate property definition"
+    _order = "id desc"
+
+    name = fields.Char(string="Property Name", required=True)
+    description = fields.Text(string="Description", required=True)
+    postcode = fields.Char(string="Postcode")
+    validity = fields.Integer(default=7)
+    date_deadline = fields.Date()
+    date_availability = fields.Date(
+        string="Available From",
+        default=lambda self: fields.Date.add(fields.Date.today(), months=3),
+        copy=False,
+    )
+    expected_price = fields.Float(string="Expected Price", required=True)
+    selling_price = fields.Float(string="Selling Price", readonly=True, copy=False)
+    available = fields.Char()
+    bedrooms = fields.Integer(string="Bedrooms", default=2)
+    living_area = fields.Integer(string="Living Area (sqm)")
+    facades = fields.Integer(string="Facades")
+    garage = fields.Boolean(string="Garage")
+    garden = fields.Boolean(string="Garden")
+    garden_area = fields.Integer(string="Garden Area (sqm)")
+    garden_orientation = fields.Selection(
+        string="Garden Orientation",
+        selection=[
+            ("north", "North"),
+            ("south", "South"),
+            ("east", "East"),
+            ("west", "West"),
+        ],
+    )
+
+    active = fields.Boolean(default=True)
+    state = fields.Selection(
+        selection=[
+            ("new", "New"),
+            ("offer_received", "Offer Received"),
+            ("offer_accepted", "Offer Accepted"),
+            ("sold", "Sold"),
+            ("cancelled", "Cancelled"),
+        ],
+        required=True,
+        default="new",
+        copy=False,
+    )
+
+    property_type_id = fields.Many2one("estate.property.type", string="Property Type")
+
+    salesman_id = fields.Many2one(
+        "res.users",
+        string="Salesman",
+        default=lambda self: self.env.user,
+    )
+    buyer_id = fields.Many2one("res.partner", string=" Buyer")
+
+    property_offer_ids = fields.One2many("estate.property.offer", "property_id")
+    property_tag_ids = fields.Many2many("estate.property.tag", string="tag")
+    total_area = fields.Float(compute="_compute_total_area", string="Total Area")
+    best_price = fields.Float(
+        string="Best Offer",
+        compute="_compute_best_price",
+        store=True,
+    )
+
+    _check_expected_price = models.Constraint(
+        "CHECK(expected_price > 0)",
+        "Expected price must be positive",
+    )
+
+    @api.depends("garden_area", "living_area")
+    def _compute_total_area(self):
+        for estate in self:
+            estate.total_area = estate.garden_area + estate.living_area
+
+    @api.depends("property_offer_ids.price")
+    def _compute_best_price(self):
+        for record in self:
+            if record.property_offer_ids:
+                record.best_price = max(record.property_offer_ids.mapped("price"))
+            else:
+                record.best_price = 0.0
+
+    @api.constrains("selling_price", "expected_price")
+    def _check_selling_price_validation(self):
+        for record in self:
+            if float_is_zero(record.selling_price, precision_digits=2):
+                continue
+
+            if float_is_zero(record.expected_price, precision_digits=2):
+                continue
+
+            price_limit = record.expected_price * 0.9
+            if (
+                float_compare(record.selling_price, price_limit, precision_digits=2)
+                == -1
+            ):
+                raise ValidationError(
+                    _(
+                        "Selling price must not be less than 90%% of the expected price.",
+                    ),
+                )
+
+    @api.onchange("garden")
+    def _onchange_garden(self):
+        if self.garden:
+            self.garden_area = 10
+            self.garden_orientation = "north"
+        else:
+            self.garden_area = 0
+            self.garden_orientation = ""
+
+    @api.ondelete(at_uninstall=False)
+    def _unlink_if_not_allowed(self):
+        for record in self:
+            if record.state not in ("new", "cancelled"):
+                raise UserError(_("User can delete only new or cancelled property"))
+
+    def action_sold(self):
+        for record in self:
+            if record.state == "cancelled":
+                raise UserError(_("property can't be cancelled"))
+            record.state = "sold"
+        return True
+
+    def action_cancel(self):
+        for record in self:
+            if record.state == "sold":
+                raise UserError(_("Cancelled property can't be sold"))
+            record.state = "cancelled"
+        return True
diff --git a/estate/models/estate_property_offer.py b/estate/models/estate_property_offer.py
new file mode 100644
index 00000000000..afe92c86d7d
--- /dev/null
+++ b/estate/models/estate_property_offer.py
@@ -0,0 +1,103 @@
+from datetime import timedelta
+
+from odoo import _, api, fields, models
+from odoo.exceptions import UserError
+
+
+class EstatePropertyOffer(models.Model):
+    _name = "estate.property.offer"
+    _description = "Estate Property Offer description"
+    _order = "price desc"
+
+    price = fields.Float(string="Price")
+    property_offer_ids = fields.Integer(string="Offer")
+    status = fields.Selection(
+        string="Status",
+        copy=False,
+        selection=[("accepted", "Accepted"), ("refused", "Refused")],
+    )
+    validity = fields.Integer(string="Validity(days)", default=7)
+    date_deadline = fields.Date(
+        compute="_compute_sum_date",
+        inverse="_compute_validity",
+        string="Deadline",
+    )
+
+    partner_id = fields.Many2one("res.partner", required=True, string="Partner")
+    property_id = fields.Many2one("estate.property", required=True)
+    property_type_id = fields.Many2one(
+        "estate.property.type",
+        related="property_id.property_type_id",
+        store=True,
+        readonly=True,
+    )
+
+    @api.depends("validity")
+    def _compute_sum_date(self):
+        for record in self:
+            record.date_deadline = fields.Date.today() + timedelta(days=record.validity)
+
+    _check_price = models.Constraint(
+        "CHECK(price > 0)",
+        "Offer Price field should always be positive",
+    )
+
+    def _compute_validity(self):
+        for record in self:
+            fields.Date.today() == record.date_deadline - timedelta(
+                days=record.validity,
+            )
+
+    @api.onchange("date_deadline")
+    def _onchange_validity(self):
+        if self.date_deadline:
+            create_date = fields.Date.to_date(self.create_date) or fields.Date.today()
+            self.validity = (self.date_deadline - create_date).days
+
+    @api.model
+    def create(self, vals_list):
+
+        for vals in vals_list:
+            property_id = vals.get("property_id")
+            price = vals.get("price")
+
+            if property_id and price:
+                property_rec = self.env["estate.property"].browse(property_id)
+
+            if property_rec.best_price and price <= property_rec.best_price:
+                raise UserError(
+                    _("Offer price must be higher than the current best price."),
+                )
+            if property_rec.state == "new":
+                property_rec.state = "offer_received"
+
+        return super().create(vals_list)
+
+    def action_accepted(self):
+        accepted_records = self.search_count(
+            [
+                ("property_id", "=", self.property_id),
+                ("status", "=", "accepted"),
+            ],
+            limit=1,
+        )
+        if accepted_records:
+            raise UserError(_(" multiple offer can't be accepted"))
+
+        self.status = "accepted"
+        self.property_id.selling_price = self.price
+        self.property_id.buyer_id = self.partner_id
+        self.property_id.state = "offer_accepted"
+        other_offers = self.search(
+            [
+                ("property_id", "=", self.property_id),
+                ("status", "!=", "accepted"),
+            ],
+        )
+        other_offers.write({"status": "refused"})
+        return True
+
+    def action_refused(self):
+        for record in self:
+            record.status = "refused"
+        return True
diff --git a/estate/models/estate_property_tag.py b/estate/models/estate_property_tag.py
new file mode 100644
index 00000000000..6b09bf79d5b
--- /dev/null
+++ b/estate/models/estate_property_tag.py
@@ -0,0 +1,15 @@
+from odoo import fields, models
+
+
+class EstatePropertyTag(models.Model):
+    _name = "estate.property.tag"
+    _description = "estate property tag"
+    _order = "name"
+
+    name = fields.Char(string="property tag", required=True)
+    color = fields.Integer()
+
+    _check_name_unique = models.Constraint(
+        "unique(name)",
+        "The Property Tag must be unique.",
+    )
diff --git a/estate/models/estate_property_type.py b/estate/models/estate_property_type.py
new file mode 100644
index 00000000000..71872bf072c
--- /dev/null
+++ b/estate/models/estate_property_type.py
@@ -0,0 +1,37 @@
+from odoo import api, fields, models
+
+
+class EstatePropertyType(models.Model):
+    _name = "estate.property.type"
+    _description = "estate property type"
+    _order = "sequence,name"
+
+    name = fields.Char(string="Property Category", required=True)
+    offer_count = fields.Integer(compute="_compute_offer_count", string="Offers")
+    property_type_id = fields.Integer()
+    sequence = fields.Integer(
+        "sequence",
+        default=1,
+        help="Used in ordering property,often sold property types are displayed",
+    )
+    property_ids = fields.One2many("estate.property", "property_type_id")
+    property_offer_ids = fields.One2many("estate.property.offer", "property_type_id")
+
+    _check_name_unique = models.Constraint(
+        "unique(name)",
+        "The Property type must be unique.",
+    )
+
+    @api.depends("property_offer_ids")
+    def _compute_offer_count(self):
+        for record in self:
+            record.offer_count = len(record.property_offer_ids)
+
+    def action_view_offers(self):
+        return {
+            "type": "ir.actions.act_window",
+            "name": "Offers",
+            "res_model": "estate.property.offer",
+            "view_mode": "list,form",
+            "domain": [("property_type_id", "=", self.id)],
+        }
diff --git a/estate/models/res_users.py b/estate/models/res_users.py
new file mode 100644
index 00000000000..7a1e696367b
--- /dev/null
+++ b/estate/models/res_users.py
@@ -0,0 +1,11 @@
+from odoo import fields, models
+
+
+class ResUsers(models.Model):
+    _inherit = "res.users"
+
+    property_ids = fields.One2many(
+        "estate.property",
+        "salesman_id",
+        string="Available Properties",
+    )
diff --git a/estate/security/ir.model.access.csv b/estate/security/ir.model.access.csv
new file mode 100644
index 00000000000..0c0b62b7fee
--- /dev/null
+++ b/estate/security/ir.model.access.csv
@@ -0,0 +1,5 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+estate.access_estate_property,access_estate_property,estate.model_estate_property,base.group_user,1,1,1,1
+estate.access_estate_property_type,access_estate_property_type,estate.model_estate_property_type,base.group_user,1,1,1,1
+estate.access_estate_property_tag,access_estate_property_tag,estate.model_estate_property_tag,base.group_user,1,1,1,1
+estate.access_estate_property_offer,access_estate_property_offer,estate.model_estate_property_offer,base.group_user,1,1,1,1
diff --git a/estate/views/estate_menus.xml b/estate/views/estate_menus.xml
new file mode 100644
index 00000000000..1c32d774ffe
--- /dev/null
+++ b/estate/views/estate_menus.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+
+<odoo>
+
+<record id="estate_property_tag_action" model="ir.actions.act_window">
+        <field name="name">Property Tags</field>
+        <field name="res_model">estate.property.tag</field>
+        <field name="view_mode">list,form</field>
+</record>
+
+<menuitem id="estate_menu_root" name="Real Estate"/>
+
+<menuitem id="estate_menu_advertisements"
+        name="Advertisements"
+        parent="estate_menu_root"/>
+<menuitem id="estate_menu_settings"
+        name="Settings"
+        parent="estate_menu_root"/>
+
+<menuitem id="estate_menu_advertisements_properties"
+        name="Properties"
+        parent="estate_menu_advertisements"
+        action="estate_property_action"/>
+
+<menuitem id="estate_menu_settings_propertytype"
+        name="Property Type"
+        parent="estate_menu_settings"
+        action="estate_property_type_action"/>
+
+<menuitem id="estate_menu_settings_propertytag"
+        name="Property Tags"
+        parent="estate_menu_settings"
+        action="estate_property_tag_action"/>
+</odoo>
diff --git a/estate/views/estate_property_offers_views.xml b/estate/views/estate_property_offers_views.xml
new file mode 100644
index 00000000000..16c4ce521c0
--- /dev/null
+++ b/estate/views/estate_property_offers_views.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="estate_property_offer_action" model="ir.actions.act_window">
+            <field name="name"> Estate Property offer</field>
+            <field name="res_model">estate.property.offer</field>
+            <field name="view_mode">list,form</field>
+            <field name="domain">[('property_type_id', '=', active_id)]</field>
+    </record>
+
+    <record id="estate_property_offer_view_list" model="ir.ui.view">
+        <field name="name">estate.property.offer.list</field>
+        <field name="model">estate.property.offer</field>
+        <field name="arch" type="xml">
+            <list editable="bottom"
+                decoration-success="status=='accepted'"
+                decoration-danger="status=='refused'">
+                <field name="price"></field>
+                <field name="partner_id"></field>
+                <field name="validity"></field>
+                <field name="date_deadline"/>
+                <button name="action_accepted" string = "accepted" type="object"  class = "oe_stat_button"  icon="fa-check" invisible="status in ('accepted','refused')"/>
+                <button name="action_refused" string = "refused"  type="object"  class = "oe_stat_button"  icon="fa-solid fa-times" invisible="status in ('accepted','refused')"/>
+                <field name="status" optional="hide"></field>
+            </list>
+        </field>
+    </record>
+        
+    <record id="estate_property_view_offer_form" model="ir.ui.view">
+        <field name="name">estate.property.offer.form</field>
+        <field name="model">estate.property.offer</field>
+        <field name="arch" type="xml">
+            <form string="My Offers">
+                <sheet>
+                    <div class="oe_title">
+                        <h1>
+                            <field name="price" placeholder="Property Offer Price Title"/>
+                            <field name="partner_id" placeholder="Partner"/>
+                            <field name="validity"></field>
+                            <field name="status" placeholder="Property Offer Status"/>
+                        </h1>
+                    </div>
+                </sheet>
+            </form>
+        </field>
+    </record>
+</odoo>
diff --git a/estate/views/estate_property_tag_views.xml b/estate/views/estate_property_tag_views.xml
new file mode 100644
index 00000000000..d55a8430e6c
--- /dev/null
+++ b/estate/views/estate_property_tag_views.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="estate_property_tag_view_action" model="ir.actions.act_window">
+        <field name="name"> Estate Property Tag</field>
+        <field name="res_model">estate.property.tag</field>
+        <field name="view_mode">list,form</field>
+    </record>
+
+    <record id="estate_property_tag_view_list" model="ir.ui.view">
+        <field name="name">estate.property.tag.list</field>
+        <field name="model">estate.property.tag</field>
+        <field name="arch" type="xml">
+            <list editable="bottom">
+                <field name="name"></field>
+            </list>
+        </field>
+    </record>
+    
+    <record id="estate_property_view_tag_form" model="ir.ui.view">
+        <field name="name">estate.property.tag.form</field>
+        <field name="model">estate.property.tag</field>
+        <field name="arch" type="xml">
+            <form string="My Property Tag">
+                <sheet>
+                    <div class="oe_title">
+                        <h1>
+                            <field name="name" placeholder="Property Tag Title"/>
+                        </h1>
+                    </div>
+                </sheet>
+            </form>
+        </field>
+    </record>
+</odoo>
diff --git a/estate/views/estate_property_type_views.xml b/estate/views/estate_property_type_views.xml
new file mode 100644
index 00000000000..3c9f7e92215
--- /dev/null
+++ b/estate/views/estate_property_type_views.xml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="estate_property_type_action" model="ir.actions.act_window">
+        <field name="name"> Estate Property Type</field>
+        <field name="res_model">estate.property.type</field>
+        <field name="view_mode">list,form</field>
+    </record>
+
+    <record id="estate_property_type_view_list" model="ir.ui.view">
+        <field name="name">estate.property.type.list</field>
+        <field name="model">estate.property.type</field>
+        <field name="arch" type="xml">
+            <list>
+                <field name="name"></field>
+                <field name="sequence" widget="handle"></field>
+                <field name="offer_count"></field>
+                <field name="property_offer_ids"></field>
+            </list>
+        </field>
+    </record>
+    
+    <record id="estate_property_view_type_form" model="ir.ui.view">
+        <field name="name">estate.property.type.form</field>
+        <field name="model">estate.property.type</field>
+        <field name="arch" type="xml">
+            <form string="My Living Rooms">
+                <sheet>
+                    <div class="oe_button_box" name="button_box">
+                        <button name="action_view_offers"
+                            type="object"
+                            class="oe_stat_button"
+                            icon="fa-tags"
+                            
+                        >
+                            <field name="offer_count" widget="statinfo" string="Offers" ></field>
+                        </button>
+                    </div>
+                    <div class="oe_title">
+                        <h1>
+                            <field name="name" placeholder="Property Type Title"/>
+                        </h1>
+                    </div>
+                    <notebook>
+                        <page string="Title">
+                            <field name="property_ids">
+                                    <list>
+                                        <field name="name"/>
+                                        <field name="expected_price"/>
+                                        <field name="state"/>
+                                    </list>
+                            </field>
+                        </page>
+                    </notebook>
+                </sheet>
+            </form>
+        </field>
+    </record>
+</odoo>
diff --git a/estate/views/estate_property_views.xml b/estate/views/estate_property_views.xml
new file mode 100644
index 00000000000..7b25da3827f
--- /dev/null
+++ b/estate/views/estate_property_views.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <record id="estate_property_action" model="ir.actions.act_window">
+        <field name="name"> Estate Property</field>
+        <field name="res_model">estate.property</field>
+        <field name="view_mode">list,form,kanban</field>
+        <field name="context">{'search_default_availability' : True}</field>
+    </record>
+
+    <record id="estate_property_view_list" model="ir.ui.view">
+        <field name="name">estate.property.list</field>
+        <field name="model">estate.property</field>
+        <field name="arch" type="xml">
+            <list
+                decoration-muted="state=='sold'"
+                decoration-success="state=='offer_received'"
+                decoration-bf="state=='offer_accepted'">
+                <field name="name" string="Title"/>
+                <field name="property_type_id"/>
+                <field name="bedrooms"/>
+                <field name="living_area"/>
+                <field name="expected_price"/>
+                <field name="selling_price"/>
+                <field name="date_availability" optional="hide"/>
+                <field name="total_area"/>
+            </list>
+        </field>
+    </record> 
+
+    <record id="estate_property_view_kanban" model="ir.ui.view">
+        <field name="name">estate.property.kanban</field>
+        <field name="model">estate.property</field>
+        <field name="arch" type="xml">
+            <kanban default_group_by="property_type_id" records_draggable="False">
+                <field name="state"/>
+                <templates>
+                    <t t-name="card">
+                        <div>
+                            <field name="name"/>
+                            <div>
+                                Expected Price : <field name="expected_price"></field>
+                            </div>
+                            <div>
+                                <div t-if="record.state.raw_value == 'offer_received'">
+                                    Best Price : <field name="best_price"></field>
+                                </div>
+                            </div>
+                            <div>
+                                <div t-if="record.state.raw_value == 'offer_accepted'">
+                                    Selling Price : <field name="selling_price"></field>
+                                </div>
+                            </div>
+                            <field name="property_tag_ids" widget="many2many_tags" options="{'color_field' : 'color'}"/>
+                        </div>
+                    </t>
+                </templates>
+            </kanban>
+        </field>    
+    </record>
+        
+    <record id="view_estate_property_search" model="ir.ui.view">
+        <field name="name">estate_property_search</field>
+        <field name="model">estate.property</field>
+        <field name="arch" type="xml">
+            <search string="My attributes">
+                <field name="name"></field>
+                <field name="property_tag_ids"></field>
+                <field name="property_offer_ids"></field>
+                <field name="postcode"></field>
+                <field name="expected_price"></field>
+                <field name="bedrooms"></field>
+                <field name="living_area" filter_domain="[('living_area', '>=', self)]"/>
+                <field name="facades"></field> 
+                <field name="total_area"></field>
+                <field name="best_price"></field>
+                <field name="date_availability"></field>
+                <filter name="available" string="Available" domain="[('state','=', 'new')]"/>
+                <filter name="state" string="Status"  domain="['|',('state','=', 'new'),('state','=','offer_received')]"/>  
+                <filter name="postcode" string="Postcode" context="{'group_by': 'postcode'}" />        
+            </search>
+        </field>
+    </record>
+
+    <record id="estate_property_view_form" model="ir.ui.view">
+        <field name="name">estate.property.view.form</field>
+        <field name="model">estate.property</field>
+        <field name="arch" type="xml">
+            <form string="My Living Rooms">
+                <header>
+                    <button string="SOLD" name="action_sold" type="object" invisible="state in ('sold','cancelled')"/>
+                    <button string="CANCEL" name="action_cancel" type="object" invisible="state in ('sold','cancelled')"/>
+                    <field name="state" widget="statusbar" statusbar_visible="new,offer_received,offer_accepted,sold"/>
+                </header>
+                <sheet>
+                    <div class="oe_title">
+                        <h1>
+                            <field name="name" placeholder="Property Title"/>
+                        </h1>
+                            <field name="property_tag_ids" widget="many2many_tags" options="{'color_field' : 'color' }" placeholder="Select tags"/>
+                    </div>
+                        <group>
+                            <group>
+                                    
+                                <field name="property_type_id" options="{'no_create' : true}"></field>
+                                <field name="postcode"></field>
+                                <field name="date_availability"></field>
+                            </group>
+
+                            <group>
+                                <field name="expected_price"></field>
+                                <field name="best_price"></field>
+                                <field name="selling_price"></field>
+                            </group>
+                        </group>
+
+                    <notebook>
+                        <page string="Description">
+                            <group>
+                                <field name="description"></field>
+                                <field name="bedrooms"></field>
+                                <field name="living_area"></field>
+                                <field name="facades"></field>
+                                <field name="garage"></field>
+                                <field name="garden"></field>
+                                <field name="garden_area" invisible=" not garden"></field>
+                                <field name="garden_orientation" invisible=" not garden"></field>
+                                <field name="total_area"></field>
+                            </group>
+                        </page>
+                        
+                        <page string="Offers">
+                            <list>
+                                <field
+                                    name="property_offer_ids"
+                                    readonly="state in ('offer_accepted', 'sold', 'cancelled')"
+                                    />
+                                <field name="property_tag_ids" widget="many2many_tags" options="{'color_field' : 'color' }"/>  
+                            </list>
+                        </page>
+                                    
+                        <page string="Other Info">
+                            <group>
+                                <field name="salesman_id"></field>
+                                <field name="buyer_id"></field>
+                            </group>
+                        </page>
+                                    
+                    </notebook>
+                </sheet>
+            </form>
+        </field>
+    </record>
+</odoo>
diff --git a/estate/views/res_users_view.xml b/estate/views/res_users_view.xml
new file mode 100644
index 00000000000..074c21c0306
--- /dev/null
+++ b/estate/views/res_users_view.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+    <data>
+        <record id="res_users_view_form_inherit_estate" model="ir.ui.view">
+            <field name="name">res.users.form.inherit.estate</field>
+            <field name="model">res.users</field>
+            <field name="inherit_id" ref="base.view_users_form"/>
+            <field name="arch" type="xml">
+                <xpath expr="//notebook" position="inside">
+                    <page string="Properties">
+                        <field name="property_ids">
+                            <list>
+                                <field name="name"/>
+                                <field name="expected_price"/>
+                                <field name="state"/>
+                            </list>
+                        </field>
+                    </page>
+                </xpath>
+            </field>
+        </record>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/estate_account/__init__.py b/estate_account/__init__.py
new file mode 100644
index 00000000000..ce9807d14fd
--- /dev/null
+++ b/estate_account/__init__.py
@@ -0,0 +1 @@
+from . import models  # noqa: F401
diff --git a/estate_account/__manifest__.py b/estate_account/__manifest__.py
new file mode 100644
index 00000000000..e1e0a0e7a24
--- /dev/null
+++ b/estate_account/__manifest__.py
@@ -0,0 +1,12 @@
+{
+    "name": "Real estate Account",
+    "version": "1.0",
+    "depends": ["estate", "account"],
+    "website": "https://www.odoo.com/app/estate_account",
+    "summary": "This module is for Real estate invoice creation.",
+    "category": "estate",
+    "data": [],
+    "installable": True,
+    "author": "odoo-pupat",
+    "license": "LGPL-3",
+}
diff --git a/estate_account/models/__init__.py b/estate_account/models/__init__.py
new file mode 100644
index 00000000000..9d5e62fe812
--- /dev/null
+++ b/estate_account/models/__init__.py
@@ -0,0 +1 @@
+from . import estate_property  # noqa: F401
diff --git a/estate_account/models/estate_property.py b/estate_account/models/estate_property.py
new file mode 100644
index 00000000000..1d637f4e8f9
--- /dev/null
+++ b/estate_account/models/estate_property.py
@@ -0,0 +1,32 @@
+from odoo import Command, models
+
+
+class EstateProperty(models.Model):
+    _inherit = "estate.property"
+
+    def action_sold(self):
+
+        selling_price = self.selling_price * 0.06
+        self.env["account.move"].create(
+            {
+                "partner_id": self.buyer_id.id,
+                "move_type": "out_invoice",
+                "invoice_line_ids": [
+                    Command.create(
+                        {
+                            "name": "6 % profit",
+                            "quantity": 1,
+                            "price_unit": selling_price,
+                        }
+                    ),
+                    Command.create(
+                        {
+                            "name": "Administrative Fees",
+                            "quantity": 1,
+                            "price_unit": 100.00,
+                        }
+                    ),
+                ],
+            }
+        )
+        return super().action_sold()
diff --git a/purchase_global_discount/__init__.py b/purchase_global_discount/__init__.py
new file mode 100644
index 00000000000..3f1aab2085f
--- /dev/null
+++ b/purchase_global_discount/__init__.py
@@ -0,0 +1,4 @@
+from . import (
+    models,  # noqa : F401
+    wizard,  # noqa : F401
+)
diff --git a/purchase_global_discount/__manifest__.py b/purchase_global_discount/__manifest__.py
new file mode 100644
index 00000000000..1762d608944
--- /dev/null
+++ b/purchase_global_discount/__manifest__.py
@@ -0,0 +1,18 @@
+{
+    "name": "purchase_dicount",
+    "description": "Add discount button with its wizard",
+    "author": "odoo-pupat",
+    "website": "https://www.odoo.com/",
+    "category": "Purchase-custom",
+    "version": "0.1",
+    "application": True,
+    "installable": True,
+    "depends": ["purchase"],
+    "data": [
+        "security/ir.model.access.csv",
+        "views/purchase_order_views.xml",
+        "wizard/purchase_order_discount_views.xml",
+    ],
+    "assets": {},
+    "license": "LGPL-3",
+}
diff --git a/purchase_global_discount/models/__init__.py b/purchase_global_discount/models/__init__.py
new file mode 100644
index 00000000000..307a154a11f
--- /dev/null
+++ b/purchase_global_discount/models/__init__.py
@@ -0,0 +1,3 @@
+from . import (
+    purchase_order,  # noqa: F401
+)
diff --git a/purchase_global_discount/models/purchase_order.py b/purchase_global_discount/models/purchase_order.py
new file mode 100644
index 00000000000..c7013a035e8
--- /dev/null
+++ b/purchase_global_discount/models/purchase_order.py
@@ -0,0 +1,15 @@
+from odoo import models
+
+
+class InheritedPurchaseOrder(models.Model):
+    _inherit = "purchase.order"
+
+    def action_open_discount_wizard(self):
+        self.ensure_one()
+        return {
+            "name": "Discount",
+            "type": "ir.actions.act_window",
+            "res_model": "purchase.order.discount",
+            "view_mode": "form",
+            "target": "new",
+        }
diff --git a/purchase_global_discount/security/ir.model.access.csv b/purchase_global_discount/security/ir.model.access.csv
new file mode 100644
index 00000000000..f68ace605d0
--- /dev/null
+++ b/purchase_global_discount/security/ir.model.access.csv
@@ -0,0 +1,2 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_purchase_discount_wizard,purchase.discount.wizard,model_purchase_order_discount,base.group_user,1,1,1,1
\ No newline at end of file
diff --git a/purchase_global_discount/views/purchase_order_views.xml b/purchase_global_discount/views/purchase_order_views.xml
new file mode 100644
index 00000000000..5352365e4d8
--- /dev/null
+++ b/purchase_global_discount/views/purchase_order_views.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <record id="purchase_view_form" model="ir.ui.view">
+        <field name="name">purchase.view.form.purchase.discount</field>
+        <field name="model">purchase.order</field>
+        <field name="inherit_id" ref="purchase.purchase_order_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='order_line']" position="after">
+                <div class="d-flex justify-content-end mt-2 mb-2">
+                    <button string="Discount" name="action_open_discount_wizard" type="object" class="btn btn-secondary"/>
+                </div>
+            </xpath>
+        </field>
+    </record>
+</odoo>
diff --git a/purchase_global_discount/wizard/__init__.py b/purchase_global_discount/wizard/__init__.py
new file mode 100644
index 00000000000..07afb7cc183
--- /dev/null
+++ b/purchase_global_discount/wizard/__init__.py
@@ -0,0 +1 @@
+from . import purchase_order_discount  # noqa: F401
diff --git a/purchase_global_discount/wizard/purchase_order_discount.py b/purchase_global_discount/wizard/purchase_order_discount.py
new file mode 100644
index 00000000000..a258d8c8083
--- /dev/null
+++ b/purchase_global_discount/wizard/purchase_order_discount.py
@@ -0,0 +1,50 @@
+from odoo import api, fields, models
+from odoo.exceptions import ValidationError
+
+
+class PurchaseOrderDiscount(models.TransientModel):
+    _name = "purchase.order.discount"
+    _description = "Discount Wizard"
+
+    purchase_order_id = fields.Many2one(
+        "purchase.order",
+        default=lambda self: self.env.context.get("active_id"),
+        required=True,
+    )
+    discount_percentage = fields.Float(string="Percentage")
+    discount_type = fields.Selection(
+        selection=[
+            ("percentage", "%"),
+            ("amount", "$"),
+        ],
+        default="percentage",
+    )
+    percentage = fields.Float(compute="_compute_initial_discount")
+
+    @api.depends("discount_type", "discount_percentage")
+    def _compute_initial_discount(self):
+        if self.discount_type == "amount":
+            if self.purchase_order_id.amount_untaxed == 0:
+                raise ValidationError("No more discount possible")
+            self.percentage = (
+                self.discount_percentage * 100 / self.purchase_order_id.amount_untaxed
+            )
+        else:
+            self.percentage = self.discount_percentage
+
+    def action_apply_discount(self):
+        self.ensure_one()
+        if self.discount_type == "amount":
+            self.purchase_order_id.order_line.write(
+                {
+                    "discount": (
+                        self.discount_percentage
+                        * 100
+                        / self.purchase_order_id.amount_untaxed
+                    )
+                }
+            )
+        else:
+            self.purchase_order_id.order_line.write(
+                {"discount": self.discount_percentage}
+            )
diff --git a/purchase_global_discount/wizard/purchase_order_discount_views.xml b/purchase_global_discount/wizard/purchase_order_discount_views.xml
new file mode 100644
index 00000000000..f0acb906e5c
--- /dev/null
+++ b/purchase_global_discount/wizard/purchase_order_discount_views.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<odoo>
+
+    <record id="purchase_order_line_wizard_form" model="ir.ui.view">
+        <field name="name">purchase.order.discount.form</field>
+        <field name="model">purchase.order.discount</field>
+        <field name="arch" type="xml">
+            <form>
+                <sheet>
+                    
+                    <field name="discount_percentage" nolabel="1"/>
+                    <field name="discount_type" nolabel="1"/>
+                    <field name="percentage" class='text-muted' nolabel="1"/>
+                </sheet>
+                <footer>
+                    <button type="object" string="Apply" name="action_apply_discount" class="btn btn-primary"/>
+                    <button special="cancel" string="Cancel" class="btn btn-secondary"/>
+                </footer>
+            </form>
+        </field>
+    </record>
+</odoo>