docs: add screenshots and walk-through of application flow to README

2026-05-28 08:05:49 +03:00
parent 448d8569a8
commit 131c5747a3
5 changed files with 22 additions and 0 deletions
@@ -14,6 +14,28 @@ A sleek, modern, and high-performance desktop application built with Electron.js

 ---

+## 📸 Screenshots & Workflow
+
+Experience a premium, wizard-driven download flow with glassmorphic visuals:
+
+### 1. Home / Link Analysis
+The clean entry point featuring localization support. Just paste any video or playlist URL and click **Analyze**.
+![Home Screen](docs/ss/home-screen.png)
+
+### 2. Multi-Select Playlist & Format Controls
+After analysis, view a rich, scrollable list of tracks. Customize formats (MP3/MP4) and quality presets (320kbps, 1080p, etc.) for each track individually or batch-apply with master controls.
+![Downloader Screen](docs/ss/downloader-screen.png)
+
+### 3. Active Download Progress
+Track real-time progress, download speeds, file sizes, and estimated time of completion (ETA) with custom animated progress bars.
+![Progress Download Screen](docs/ss/progress-download-screen.png)
+
+### 4. Smart Completion Insights
+Upon download completion, a beautiful interactive modal presents download statistics and gives immediate options to open the target folder or play the downloaded files.
+![Download Completed Screen](docs/ss/download-completed-screen.png)
+
+---
+
 ## 📂 Project Structure

 ```text