coding frontend and backend

Transactions

Reports

Categories

// script.js document.addEventListener('DOMContentLoaded', function() { const navButtons = document.querySelectorAll('button'); navButtons.forEach(button => { button.addEventListener('click', function() { const page = this.textContent.trim().toLowerCase(); window.location.href = `${page}.html`; }); }); });

/* styles.css */ body { background-color: #f0f4f8; color: #333; } .dark-mode body { background-color: #1a202c; color: #cbd5e0; } header, footer { background-color: #2d3748; color: #fff; } button { transition: background-color 0.3s, color 0.3s; } button:hover { background-color: #4a5568; color: #fff; } input[type="text"], input[type="date"], input[type="number"], input[type="password"] { border: 1px solid #cbd5e0; transition: border-color 0.3s; } input[type="text"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="password"]:focus { border-color: #3182ce; outline: none; }

Dashboard

Income

Total income for the month

Outcome

Total outcome for the month

Transactions