DigiKaveri

Premium IT Support for Homes & Small Businesses

The "Digital Buddy" that speaks human — not tech jargon.

🧭 Mission

Technology should be a tool, not a barrier. DigiKaveri ("Digital Buddy") is a human-first IT support service designed especially for everyday users — seniors, home users, and small business owners.

We don't speak jargon. We listen, explain, and fix — whether it's your first tablet purchase, a virus on an old PC, or setting up a home Wi-Fi network.

Based in Uusimaa, Finland 🇫🇮 — offering fast remote support across all of Finland and in-person visits locally.

---

✨ Core Features

🧠 Smart Adaptive Remote Guide

The flagship feature of the platform. The guide at /etayhteys.html automatically detects the visitor's device (Windows, macOS, Android, iOS) and presents only the relevant instructions.

• OS Auto-Detection — Platform sniffed on page load for instant guidance
• Smart Header Collapse — Tailored UI that hides irrelevant platform data on mobile
• Step-by-step Visuals — Numbered vertical steps with zoomable screenshots
• Safety First — Built-in security notes about TeamViewer session encryption

📲 Progressive Web App (PWA)

Full PWA capabilities enabling users to install the website as a native application on Android, iOS, and desktop:

• Offline Caching — Caches core pages (FI & EN) so they load instantly even without an active internet connection.
• Immediate Activation — Service worker utilizes skipWaiting and clients.claim lifecycles to deploy hotfixes instantly to all tabs.
• Brand Aligned Manifest — Seamlessly integrates with mobile operating systems using maskable launcher icons and theme-matched startup screens.

✍️ Resilient troubleshooter form

• Form Persistence — Employs sessionStorage to preserve troubleshooter selection choices so users don't lose progress on reload.
• Noscript Fallback — Progressive enhancement styling displays all steps at once when JavaScript is inactive, enabling full access.

🎨 Themed Layouts & Dynamic Color Syncing

• Real-Time OS Theme Syncing — Watches system-level preferences and changes dynamically (e.g., auto dark-mode schedules) unless manually overridden.
• Visual Color Highlights — Color-codes solution grids and process steps using vibrant, accessible color schemes.

🌐 Bilingual (FI / EN)

Full Finnish and English versions of every page, built with a clean Handlebars SSG architecture. Language switching is persistent via localStorage.

⏰ Live Status Beacon

A real-time "Open/Closed" indicator powered by Helsinki timezone logic:

• Dynamic Pills: Visual indicators of technician availability
• Polite Overlays: Automatic service-closed modals outside business hours (09:00–21:00)

💬 Speed Dial FAB

A floating action button (speed dial) providing instant, thumb-friendly access to WhatsApp and direct calling.

---

💎 Titanium Hardening & Engineering

The platform has been "Titanium-Hardened" to meet production-grade standards for performance, privacy, and accessibility.

• Advanced Network Resilience: Implemented isFetchingStatus locks and AbortController integration to prevent race conditions and redundant network polling.
• Early-Handshake Preconnections: Upgraded connections to Web3Forms, Google Tag Manager, and Google Analytics to preconnect with crossorigin, eliminating DNS/TCP/TLS handshake lag.
• Cache Invalidation & SW Safeguards:
  • Integrated automated cache purging during the Service Worker activation phase to delete old caches.
  • Implemented Cache-Control: no-cache, no-store, must-revalidate header rules for sw.js in Cloudflare headers.
• Privacy First (Consent Mode v2): Fully integrated with Google Consent Mode v2, honoring GPC (Global Privacy Control) signals and loops for secure tracking revocation.
• Universal Accessibility (WCAG):
  • High-precision focus traps that filter for visible-only elements.
  • Dynamic aria-expanded and aria-hidden synchronization across all UI components.
  • Smooth navigation with dynamic header offset calculation.
• Performance Engineering:
  • 30-second throttled polling to preserve user battery.
  • visibility-aware status checks (stops polling when tab is inactive).
  • Robust script loading guards for external libraries (AOS, CookieConsent).

---

🛠️ Service Portfolio

Service	Remote	On-Site	Description
Purchase Consulting	✅	✅	Choosing the right laptop, tablet, or phone
Antivirus & Security	✅	✅	Installing protection, removing malware/ads
PC Repair & Troubleshooting	✅	✅	Fixing Windows, Mac, and Android issues
Physical Cleaning	❌	✅	Dust removal and thermal paste maintenance
Network & Wi-Fi	✅	✅	Router setup and dead zone fixes
Remote Support	✅	❌	Instant screen sharing via TeamViewer

---

⚙️ Tech Stack

Architecture

• Engine: Vite 6 (Static Site Generation)
• Templating: Handlebars with shared partials
• Styling: Vanilla CSS with a custom-built Design System
• Performance: Optimized asset pipeline with sub-2s build times

Frontend Excellence

• Typography: Inter & Outfit via @fontsource
• Icons: Lucide Icons (Dynamic SVG injection)
• Animations: AOS.js (Scroll-triggered transitions)
• Compliance: GDPR-compliant Cookie Consent (Orest Bida)

---

📁 Directory Structure

DigiKaveri/
├── 📄 index.html               # FI Homepage
├── 📄 etayhteys.html           # FI Remote Support Guide
├── 📁 en/                      # English Version
├── 📁 src/
│   └── 📁 partials/            # Shared Handlebars Components
├── 📁 public/
│   ├── 📁 js/                  # Vanilla Logic Modules
│   ├── 📁 images/              # Premium Assets & Logo
│   └── 📁 svg/                 # Platform & Technical Icons
├── 📁 css/                     # Design System & Source Styles
├── 📄 vite.config.js           # SSG & Handlebars Configuration
└── 📄 package.json             # Modern Dependency Management

---

🚀 Development Workflow

Prerequisites

• Node.js 22+

Quick Start

# 1. Clone & Enter
git clone https://github.com/FIMARx/DigiKaveri.git && cd DigiKaveri

# 2. Install
npm install

# 3. Launch
npm run dev

Production Build

npm run build
# Output ready in /dist

---

Built with ❤️ by FIMARx

"Making technology accessible, one device at a time."