feat: Enhance dashboard with stats cards and task filtering

- Added stats cards to display active, completed, overdue, and due-today tasks on the dashboard.
- Implemented search functionality to filter tasks in real-time based on user input.
- Introduced quick-pick date buttons for easier task date selection.
- Updated task rendering logic to handle empty states for task lists.
- Improved overall user interface with new CSS styles for stat cards and buttons.

chore: Update environment variables and backend error handling

- Fixed formatting in the .env file for consistency.
- Enhanced error handling in the backend API for better debugging.

feat: Revamp frontend pages with new features and pricing sections

- Redesigned the index.html page to include a hero section and feature highlights.
- Created a new features page with dynamic loading of features from JSON.
- Implemented a pricing page that loads plans from JSON and highlights the featured plan.
- Added support and FAQ sections with dynamic content loading and contact form functionality.
- Introduced JSON files for FAQs, features, and pricing to allow easy updates without code changes.
This commit is contained in:
Tim Basten
2026-04-23 16:29:52 +08:00
parent e50a6c91e6
commit 63070fd90c
15 changed files with 743 additions and 71 deletions

View File

@@ -51,7 +51,9 @@ footer {
color: var(--fg);
}
.nav-link:hover {
.nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
color: var(--accent);
}
@@ -97,3 +99,29 @@ form a:hover {
textarea {
resize: none;
}
.stat-card {
background-color: rgba(40, 40, 40, 0.6);
border-radius: 0.5rem;
padding: 1rem;
text-align: center;
color: var(--fg);
}
.stat-card .stat-value {
font-size: 2rem;
font-weight: 700;
line-height: 1;
color: var(--accent);
}
.stat-card .stat-label {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.05em;
opacity: 0.7;
}
.quick-date-btn {
font-size: 0.85rem;
}