pinknake.github.io/inde2.html at main · pinknake/pinknake.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#2a5298">
  <title>Ghar Manager</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>

<header>
  <h1>🏠 Ghar Manager</h1>
  <div id="datetime"></div>
</header>

<nav>
  <button onclick="showTab('dashboard')">Home</button>
  <button onclick="showTab('kitchen')">Kitchen</button>
  <button onclick="showTab('market')">Market</button>
  <button onclick="showTab('lenden')">Len-Den</button>
  <button onclick="showTab('history')">History</button>
</nav>

<main>

<!-- Dashboard -->
<section id="dashboard" class="tab active">
  <h2>🏠 Home Dashboard</h2>
  <div class="summary-grid">
    <div class="summary-card">
      <h4>Today</h4>
      ₹ <span id="todayTotal">0</span>
    </div>
<div class = summary-card">
  <h4>Install app</h4>
  <button id="installBtn" class="install-btn">
    📲 Install App
  </button>
</div>
    <div class="summary-card">
      <h4>This Week</h4>
      ₹ <span id="weekTotal">0</span>
    </div>

    <div class="summary-card">
      <h4>This Month</h4>
      ₹ <span id="monthTotal">0</span>
    </div>

    <div class="summary-card total-card">
      <h4>Total Expense</h4>
      ₹ <span id="grandTotal">0</span>
    </div>
  </div>

</section>
<button onclick="shareApp()">📤 Share App</button>
<!-- Kitchen -->
<section id="kitchen" class="tab">
<h2 style="text-align:center;color:#1cc88a;">
  🍳 Kitchen Portfolio – Happy Home ❤️
</h2>
  <div class="card">

    <label>Category</label>
    <select id="category"></select>

    <label>Select Item</label>
    <select id="itemSelect"></select>

    <label>Quantity</label>
    <input id="qty" placeholder="250g / 1kg / 2 Pack">

    <label>Type</label>
    <select id="type">
      <option>Packet</option>
      <option>Open</option>
      <option>Bottle</option>
    </select>

    <button onclick="addTempItem()">Add To Entry</button>

    <hr>

    <h4>Selected Items</h4>
    <ul id="tempList"></ul>

    <label>Total Amount ₹</label>
    <input type="number" id="totalAmount">

    <button onclick="saveKitchenEntry()">Save Entry</button>

  </div>

  <br>

  <h3>Total Kitchen Expense: ₹ <span id="kitchenTotal">0</span></h3>
  <h4>Monthly Summary: ₹ <span id="monthlyTotal">0</span></h4>

  <br>

  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Items</th>
        <th>Total ₹</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody id="kitchenTable"></tbody>
  </table>

  <br>

  <button onclick="shareTable()">📤 Share WhatsApp</button>

</section>

<!-- Market -->
<section id="market" class="tab">
  <h2>🛒 Market List</h2>
  <input id="marketItem" placeholder="What to bring?">
  <button onclick="addMarket()">Add</button>
  <ul id="marketList"></ul>
  <button onclick="shareWhatsApp()">Share to WhatsApp</button>
</section>

<!-- Len Den -->
<section id="lenden" class="tab">
  <h2>💰 Len-Den Record</h2>
  <input id="person" placeholder="Naam">
  <input id="amount" type="number" placeholder="Amount ₹">
  <select id="method">
    <option>Cash</option>
    <option>Bank</option>
    <option>Credit Card</option>
  </select>
  <button onclick="addTransaction()">Save</button>
</section>

<!-- History -->
<section id="history" class="tab">
  <h2>📜 History</h2>
  <ul id="historyList"></ul>
</section>

</main>

<script src="app.js"></script>
</body>
</html>