DropFlow

DropFlow — The Final Final Devlog (We Made It Out)

I finally hit the finish line with DropFlow. When I started this side quest, the goal was simple: build a desktop app that cleans up messy folders without forcing anyone to sort files manually. Fast forward 38+ hours of coding later, and this thing turned into a whole entire unit.

What I Actually Built

DropFlow is officially a fully stacked Electron desktop app that flexes real features:

• Smart Scanning & Categorization: Scans folders, finds files, and categorizes them automatically without breaking a sweat.
• Search & Filter: Find whatever file you’re looking for instantly, or use category filtering to clear the clutter.
• Organization Preview & Conflict Detection: Sneak-peek the organize plan and catch conflicting files before breaking your directory.
• Automated Sorting: Creates category folders and sorts your files into their new homes on autopilot.
• Big Brain Duplicate Detection: Compares actual file data (not just filenames) to separate real files from copies.
• Proper Navigation: Smooth screen-to-screen routing across Home, Scan, Organization, and Duplicate Analysis.

Boss Fights (Problems Faced)

• The Endless Page Nightmare: Originally, everything was stacked on one giant, scroll-heavy page. Cured the scroll fatigue by splitting the UI into separate screens with a goated Back button.
• Preview Auto-Scroll: Users used to manually scroll down to see organization previews. Fixed the view so it automatically snaps straight to the action.
• The Empty Folder Glitch: Scanning already-organized folders randomly showed zero folders available. Re-wired the scanner flow so it actually handles organized spaces smoothly.
• Duplicate Confusion: Filenames like html.txt and html - Copy.txt were confusing the scanner logic. Upgraded dupes analysis to check actual file data instead of just guessing by name.

DropFlow Devlog: The UI Glow-Up

Spent way too many hours today convincing DropFlow to stop acting like an endless, bottomless doom-scroll of a webpage and finally start behaving like an actual desktop app.

The Glow-Up (What Changed)

Ditched the single infinite-page layout for actual distinct screens. Now it doesn’t feel like scrolling through TikTok at 3 AM just to find a feature.

• Dedicated Screens: Home, Scan Files, Organization, and Duplicate Analysis finally get their own personal space.
• The Goated Back Button: Added proper navigation so you don’t have to manual-scroll like a Neanderthal just to move around.
• Redesigned Home Screen: Drop in a folder, and it instantly gives you three clear, zero-bs options:
  • Scan Files
  • Organize Files
  • Find Duplicates
• Juiced-Up Scan Screen: Now flexes your selected folder, total file count, breakdown by category, file search, category filtering, and a handy Clear Filters panic button.
• Clicky Cards: The category cards actually work now—click Images, and boom, instant image filtering. No brain cells required.

Boss Fights (Problems Solved)

• The Endless Scroll Nightmare: The old UI kept getting absurdly long every time I added a feature. Splitting the app into screens with a back button instantly cured my wrist pain.
• Not Breaking Everything: Upgrading the frontend UI without completely nuking the underlying Electron logic for scanning and dupes was a whole mental workout. Kept the engine intact, just gave it a fresh paint job.
• Data Amnesia: Navigating between screens kept trying to wipe out the selected folder and scanned files. Tested every back-and-forth path until the state finally learned to stay put.
• Information Overload: Scanning a massive folder used to look like a chaotic wall of text. The new category cards and search bar make high file counts actually readable.

Current Vibe Check

DropFlow finally feels like a legit utility tool instead of a half-baked webpage. All core features are green-lit and running:

• File scanning & categorization
• Organization preview & conflict detection
• File organization & duplicate analysis
• Search, filtering, & actual app navigation

// Quick preview of the next focus area
const status = "Organization screen UI overhaul loading...";

DropFlow - Dupe Detective & Storage Saver Arc :

So today I leveled up DropFlow because, let’s be real, basic file organization is cool, but helping users delete the 47 identical copies of the same meme taking up their hard drive? Peak utility.

What I cooked today:
Built a full-on duplicate file scanner powered by SHA-256 hashes. We don’t just check the file name and call it a day-DropFlow literally reads the file’s soul (its content) and generates a hash. If two hashes match? Boom, targeted.

Made the scanner recursive because after DropFlow sorts files into Documents/, Images/, etc., a basic scan was just sitting there like “I see nothing 🙈.” Now it digs through every subfolder.

The new Dupe Screen hits you with:

-Dupe groups & file names
-File sizes + how much storage you’re wasting
-The designated “Original” vs. the imposter copies
-Total dupe count

Disclaimer: DropFlow is non-lethal right now-it zero-deletes files automatically. Pure analysis, zero accidental chaos.

The side quests (Bugs I had to jump):

-The Blind Scanner: First version only scanned the top-level folder. Post-organization, it was telling me I had zero dupes. Fixed the recursion, now it finds everything.

-The “Original” Lie: The system was blindly calling the first file it found the “Original.” So wallpaper8 - Copy (2) (final)_REAL.png was being crowned King Original. Tweaked the frontend logic so files with “Copy” or “(2)” get immediately demoted to dupe status.

-Electron Plumbing: Wired the new scanner into Electron safely. Set up a shiny new IPC route exposed via preload script so the renderer isn’t just handed raw Node.js privileges. Security non-negotiables!

Testing & Vibe Check:

Threw actual identical files at it—grouped them perfectly. Ran it post-categorization—recursive scan ate and left no crumbs. Nothing got accidentally deleted, 10/10 safety check.

Up Next:
The single-page scrolling UI is giving web document, not native app. Planning to refactor the frontend into a proper multi-screen app layout with real navigation and a Back button.

Still building. Still breaking stuff. Still learning.

Bro really looked at his Downloads folder, experienced psychic damage, and decided to code an entire app instead of just pressing Ctrl+A and deleting his life choices.

Welcome to the latest episode of me suffering for 22 hrs and 12 mins so my desktop stops looking like a digital crime scene. Let’s talk about DropFlow, an Electron app that finally stops your files from living in absolute chaos.

The Lore (Why I Did This to Myself)

Manual file organization is a certified L. We’ve all been there-downloading memes, code snippets, random ZIP files, and homework until your desktop resembles a landfill. DropFlow fixes this. You pick a folder, it scans everything, and aggressively sorts it into vibes: Documents, Images, Videos, Archives, Installers, and “Whatever this cursed file is.”

It drops everything into a clean table with search and filters, because scrolling through 4,000 untagged screenshots is a form of torture.

The Preview Era (Trust Issues: Enabled)

I am not about to let a script I wrote at 3 AM spontaneously delete my entire life’s work.

So, I built an Organization Preview. Instead of instantly yeeting your files across the hard drive, DropFlow shows you the game plan first. It double-checks if a file with the exact same name already exists in the destination so it doesn’t accidentally Thanos-snap your stuff.

Bug Hunting & Other Mental Breakdowns

Building this was basically playing hide-and-seek with my own sanity:

-IPC Communication Drama: The HTML frontend and Electron’s main process had beef for a solid hot minute, refusing to talk to each other so the preview wouldn’t load. Had to investigate like an absolute detective.

-UI Amnesia: Clicking “Preview” or “Organize” wouldn’t even scroll the page to the right spot. Fixed it instantly by pulling out scrollIntoView() like a magic spell.

-The Overwrite Scare: Instead of a reckless fs.rename that would rewrite history, I coded a safe move function. If the destination file already exists, DropFlow just bypasses it and lives to fight another day.

The “Ctrl+Z” Moment (Undo Button supremacy)

After getting moving to work, I realized people have trust issues (fair). So, I baked in an Undo Last Organization feature.

DropFlow keeps receipts. It remembers where every file started and where it ended up. The new pipeline is literally:

-Choose Folder
-Scan
-Preview
-Organize
-Results
-“Wait, put that back” (Undo)

If things go sideways, one click reverses time and puts your files right back where they belong.

We Test in Staging (Because I’m Not Brave Enough)

I tested all of this on a dummy folder instead of risking my actual personal files like a maniac. Scanning, categorizing, dealing with file conflicts, moving, and undoing-it all actually works.

DropFlow is officially out of its “glorified shower thought” era and is actually solving the problem it was built for.

Hackatime: 22h 12m of pure code-induced delirium.

Next up: keeping it stable and actually useful instead of bloating it with random features I’ll abandon in a week.

STAY TUNED

DropFlow is lowkey cooking right now. Finally cracked the actual file-moving logic today, which means the whole pipeline-Choose Folder, Scan, Preview, Organize, Results-is officially alive. Ngl, getting the frontend and the Electron backend to stop ghosting each other and actually communicate was a whole boss fight. Also spent way too long debugging why the preview was acting up and refusing to scroll. Had to lock in on file safety too, because accidentally vaporizing someone’s important docs would be a massive L. Built a safe-move check so it automatically skips if a file with the same name already exists instead of just obliterating it. Test-ran it on a throwaway folder and it didn’t crash, so we take those. Seeing it actually sort files into clean folders instead of just sitting there as a prototype feels unreal. Next up, we’re adding an undo button and an actual history log so you can roll back if you change your mind. Still a mountain to climb, but we’re getting there. What feature are you thinking of tackling next?

DropFlow - Core Organization Workflow:- Cooked for nearly 10 hours on DropFlow..And actually locked in the core system… Basically the app can finally pull up the messy folder, scan the files, figure out what’s what and let you search or filter through them. It gives you a preview before moving anything, checks for naming conflicts so it does’nt overwrite your small or big potato stufff(IYKYK), makes the folders itself and safely reorganizes everything once you greenlight it. Also fixed the ui so it auto-scrolls to the to the right spot during the preview.. Next up is making the loading bars, error handling, and overall vibe feel a lot smooother. Still got a massive journey ahead, but the core engine actuallly working is lowkey huge :).. If you want me to change or add something new to my project, feel free to comment me on my devlog :)

I started my project, DropFlow. My download folder is super messy! It had too many pictures, videos and old files. So I decided to make a desktop app to organize it…It is almost a big problem for everyone… I made a first version of my app today. It have added some cool features in my app today.1-Finding and opening the folder. 2-It can look at all your files. 3-It can identify whether it is a pic, vid or img etc.. 4-Group your files into categories. 5- Shows file sizes and a big list.6- Show pretty summary cards…