Browser Total Commander

Phase 1: Backend setup and filesystem abstraction

Implement Python backend to access, read, and modify local filesystem safely.

  • Expose basic directory listing and metadata
  • Validate paths to prevent unsafe operations
  • Provide API endpoints for file/folder operations

Functional Output: Backend can list directories, read metadata, and safely expose filesystem through API.


Phase 2: Web interface foundation with dual panels

Create minimal web interface showing two panels with folder contents, sizes, and creation dates.

  • Render panels dynamically
  • Display file/folder details
  • Allow panel-based folder navigation

Functional Output: Two interactive panels show folder contents and allow navigation independently.


Phase 3: File and folder operations (copy, delete, move, rename)

Implement core operations between panels with selection support.

  • Support multi-selection
  • Apply operations across panels
  • Update panels in real-time

Functional Output: Files/folders can be copied, moved, renamed, or deleted correctly between panels.


Phase 4: Creation and editing of files/folders

Add ability to create new folders/files and edit text files directly.

  • Create empty files and folders
  • Edit text files in browser
  • Save changes to filesystem

Functional Output: Users can create and edit files/folders with immediate updates in panels.


Phase 5: Navigation, state management, and session persistence

Maintain current directories, navigation history, and selection state across operations.

  • Track panel states
  • Implement back/forward navigation
  • Preserve selections between operations

Functional Output: Panel navigation and selection state persist reliably while performing operations.


Phase 6: Testing, logging, security, and UI polish

Add input validation, logging, error handling, and visual enhancements.

  • Log all operations
  • Handle invalid paths/permissions
  • Improve interface responsiveness

Functional Output: Stable, secure web-based file manager with polished UI and robust backend behavior.