A simple web-based file system with basic file operations, system monitoring, and a logging mechanism — all running in your browser.
Built with HTML, CSS, and JavaScript.
This project lets you interact with a simple file system directly from a webpage.
It includes features like:
- 📂 Create, rename, delete files and folders
- 📝 Monitor system actions
- 📊 Maintain a log of file system events
- 🎯 All in a clean, responsive UI
Perfect for learning how client-side file management works or showcasing a mini-project in your portfolio!
| Feature | Status |
|---|---|
| File creation | ✅ |
| Folder creation | ✅ |
| File editing | ⚙️ |
| System monitor | ✅ |
| Logging | ✅ |
| Styling/UI | 🎨 |
(Update this list as the project evolves!)
## 📁 Project Structure
/
├── index.html # Main web interface
├── style.css # Visual styling
├── script.js # Core functionality
├── cys.png # Screenshot / demo asset
├── ops.png # Screenshot / demo asset
└── README.md # This file
You can open this project locally in your browser:
- Clone the repo
- Open
index.htmlin your browser - Start interacting with the file system!
No server required — just a browser. 🧠
Or u can visit the site hosted by Github on
https://fally00.github.io/FileSystem-ResourceMonitor/
git clone https://github.com/Fally00/Webbased-file-system-
cd Webbased-file-system-
# Open index.html in your favorite browser