Kharis Destian Maulana

## FlowDesk Official Website Website resmi untuk aplikasi desktop **FlowDesk** — sebuah aplikasi produktivitas lokal-pertama (offline-first) yang mendukung macOS, Windows, dan Linux. ### Fitur Utama Website - **Hero Section 2 Kolom** — Teks di kiri, screenshot aplikasi di kanan dengan slideshow otomatis berganti setiap 5 detik (dark/light mode) menggunakan Framer Motion AnimatePresence - **Halaman Unduh Dinamis** — Tombol unduhan (.dmg, .exe, .tar.gz) diambil langsung dari GitHub Releases API secara real-time. Dilengkapi accordion panduan instalasi untuk masing-masing platform - **Halaman Roadmap** — Timeline zig-zag interaktif dengan animasi garis gradien yang terisi saat di-scroll. Data dikelola via file `roadmap.json` tanpa perlu menyentuh kode UI - **Penghitung Unduhan Global** — Animasi angka speedometer yang menampilkan total unduhan dari semua rilis GitHub (.dmg + .exe + .tar.gz) - **Dukungan Dwibahasa** — Bahasa Indonesia dan Inggris penuh di seluruh halaman - **Custom Scrollbar & Progress Bar** — Scrollbar kustom berwarna ungu, progress bar vertikal di sisi kiri layar mengikuti posisi scroll - **Blur-up Image Loading** — Efek skeleton/blur saat gambar preview dimuat ### Stack & Arsitektur Dibangun dengan **Next.js 16 (App Router + Turbopack)** dan **Tailwind CSS v4**. Semua data rilis diambil dari GitHub API dengan revalidasi setiap 60 detik. Animasi menggunakan **Framer Motion** dengan `useScroll`, `useSpring`, dan `AnimatePresence`. ### Link - **Live:** [flowdesk.web.id](https://flowdesk.web.id) - **GitHub:** [github.com/Kharisdestianmaulana-hub/flowdeskweb](https://github.com/Kharisdestianmaulana-hub/flowdeskweb)

## Overview FlowDesk is a highly responsive, cross-platform collaborative workspace application designed for seamless team productivity. Built with .NET and Avalonia UI, it runs natively on macOS, Windows, and Linux. FlowDesk redefines how teams manage projects, tasks, and documents by offering unparalleled flexibility—whether working completely offline, discovering peers on a local network (LAN), or connecting to a self-hosted server. ## Key Features * **Multi-Mode Workspace Architecture:** Seamlessly switch between Private (Offline-first), Local (LAN Network Discovery using UDP Broadcasts), and Server (Cloud-hosted) workspaces. * **Full Real-Time Synchronization:** Powered by SignalR and WeakReferenceMessenger, any changes made to tasks, documents, or projects instantly reflect across all connected devices in the network—no refresh needed. * **Advanced Document Management:** Built-in Markdown and Rich Text editor with live preview, real-time collaboration, and granular file permissions (Viewer vs. Editor). * **Premium Neo-Modern UI:** A deeply customized, aesthetically pleasing user interface utilizing glassmorphism, dynamic gradients, and smooth micro-animations. It fully supports System-wide Dark and Light themes. * **Standalone Cross-Platform Delivery:** CI/CD optimized to distribute the app as standalone, single-file executables (`.dmg` for macOS, `.exe` for Windows, and `.tar.gz` for Linux) without requiring users to install external runtimes. ## Technical Highlights Developing FlowDesk involved solving complex engineering challenges, particularly around **peer-to-peer network discovery** and **data concurrency**. I implemented a custom background discovery service that uses UDP multicasting to automatically find host servers on a local network, gracefully handling firewall constraints. The UI architecture rigorously follows the **MVVM (Model-View-ViewModel)** pattern via the CommunityToolkit, ensuring high testability and clean separation of concerns. The local data is robustly managed using **SQLite** and **Entity Framework Core**, providing a blazing-fast offline experience that intelligently syncs up when a network connection is established. ### Link Downloads - **Websites:** [flowdesk.web.id](https://flowdesk.web.id) - **GitHub:** [github.com/Kharisdestianmaulana-hub/flowdeskweb](https://github.com/Kharisdestianmaulana-hub/flowdesk)