DevLikhon
Tool

Mini Workspace Explorer

A browser-based file manager built with Next.js and TypeScript — create, navigate, search, and edit nested folders and files, fully persisted client-side with no backend.

Next.jsReactTypeScript1 more
Sep 22, 20262 DaysTeam of 1
Mini Workspace Explorer — 1

About This Project

A client-side file manager built with Next.js (App Router) and TypeScript, built as a practical exercise in state management without a backend. Users can create, rename, delete, and navigate nested folders and text files, with full workspace-wide search and everything persisted to localStorage.

  • Create, rename, delete, and navigate nested folders and files
  • Workspace-wide search across folder and file names with highlighted matches
  • Built-in text editor with unsaved-changes tracking and navigation guards
  • React Context + useReducer for centralized, predictable state management
  • Fully client-side — all data persisted to localStorage, no backend required
  • Responsive layout with a collapsible sidebar on mobile

Project Info

Key Highlights

  • File & Folder Management
  • Fully Responsive