Project & Files Management

Project Management

The IDE makes it easy to manage your projects directly in the browser. All project data is stored locally in your browser’s IndexedDB.

• Create: Start a new project by clicking Create a new project on the home screen or the + icon in the Explorer. You can create a blank project or start from a pre-built template.

• Switch & Read: Use the dropdown menu in the Explorer to easily switch between your existing projects. Selecting a project will load its file tree.

• Update:

  • Editing: Simply open a file and type in the editor. All changes are saved automatically.
  • Renaming: Right-click on any file or folder in the file explorer to open a context menu where you can select Rename.

• Delete: To delete a project, select it from the project dropdown menu and click the trash can icon. This action is permanent and will delete all associated files.

• Import / Export: Use the Import and Export buttons to load a project from a .zip file or to save your currently selected project as a .zip file for backup or sharing.

File & Folder Management

You can manage all files and folders directly from the Explorer tab. All operations are performed using a context menu (right-click).

• Create (New File / New Folder)

  • Right-click on a folder or the project’s root folder in the file explorer to open the context menu.
  • Select New File or New Folder.
  • An input box will appear in the file tree. Type the desired name and press Enter to create it.

• Read (Open a File)

  • Left-click on any file in the explorer.
  • The file will open in a new tab in the editor, and its content will be displayed.

• Update (Rename a File or Folder)

  • Right-click on the file or folder you wish to rename.
  • Select Rename from the context menu.
  • The name will become an editable input field. Type the new name, and press Enter to save the change.

• Delete (Remove a File or Folder)

  • Right-click on the file or folder you want to remove.
  • Select Delete from the context menu.
  • A confirmation dialog will appear to prevent accidental deletion. Click Delete to permanently remove the item. If you delete a folder, all files and subfolders within it will also be deleted.