Floppy FS (File System)

Here is the Final devlog before shipping. Added a bunch of new features and improved UI/UX.

Features added:

• Sort by name, date created and size.
• Download files. For folders, it downloads the zip file.
• Grid/List view available. View details for files/folders in list view.
• Added support for pdf files and word documents.
• Included size property with every file/folder.

New commands in terminal:

• rename <old> <new> for renaming files/folders.
• tree for viewing tree view of the folder.
• export <file> for downloading files.

Welcome to devlog #7 of Floppy FS. I’ve added a bunch of new terminal commands and added Copy/Cut > Paste functionality in the UI mode. Right click to open context menu and perform copy/cut > paste.
New terminal commands:

• touch <filename> for creating files.
• mkdir <foldername> for creating folders.
• rm <target> for deleting file or folder.
• edit <filename> for opening file in the editor.

Introducing terminal mode. Now, you can move around the Floppy File System and perform actions using terminal commands. Available commands for now:

• ls for displaying all the files/folders in current directory.
• cat <filename> for viewing the content stored in file.
• cd <foldername> for changing directory.
• clear for clearing the terminal.

More commands will be added soon. I’m actively working on this project.

Here’s the devlog #5 of Floppy File System. The UX is improved (pressing enter when creating new file or folder creates them). Plus, users can also rename files and folders now by right clicking the file or folder and then selecting rename from context menu. And some improvements in utility functions.

Welcome to devlog #4. Here are the changes and new features I’ve added:

• Now, the support for image and video files is added.
• Created “Floppy Image Viewer” for viewing images.
• Added filename extensions (.txt, .png, .mp4)

Welcome to devlog #3 of Floppy File System. Here are the changes for this devlog.

• The whole CRUD (Create, Read, Update, Delete) functionality is working now.
• Designed two custom context menus. The general one for whole screeen. And a node specific context menu: When you right click on a file or folder, you can perform actions on it.
• The breadcrumb is working now. You can click on any folder name in the breadcrumb section (section to the left of search box) to jump directly to that folder.

Here is the devlog #2 of Floppy FS. I have updated a little bit UI and added some features:

• Changed the icon of files and folders like windows file explorer.
• Now, you can actually edit the content of text files.
• Also, added the search functionality for searching files and folders.
• Notifications are available now for feedback of important actions.

Welcome to the first devlog of Floppy FS, a file system that runs entirely in the browser.

Here are the features that I have completed building:

• Create files and folders.
• View files/folders as a grid view like windows file explorer.
• Notepad UI for viewing file contents.
• Custom context menu available for performing actions.
• Storing all the data in browser’s indexed db.