/file-system-access-API

Primary LanguageJavaScript

Text Files Sync Web App

A simple web application that allows you to:

  • Select a local directory
  • Browse and view text files
  • Edit and save changes back to the original files

Features

  • Directory selection using the File System Access API
  • Real-time text file editing
  • Save changes directly to the original files
  • Simple and intuitive interface

Requirements

  • Modern browser with File System Access API support (Chrome, Edge, or Opera recommended)
  • HTTPS connection or localhost
  • User permission to access files

How to Use

  1. Open the application in your browser
  2. Click "Pick Directory" to select a folder
  3. Click on any file in the list to open it
  4. Edit the file content in the text area
  5. Click "Save Changes" to save your edits

Running Locally

  1. Install a local web server (if you don't have one): 
    npm install -g http-server
  2. Start the server: 
    http-server -o
  3. The application will open in your default browser

Browser Support

This application uses the File System Access API which is currently supported in:

  • Chrome 86+
  • Edge 86+
  • Opera 72+

Security Notes

  • The application only has access to files and directories you explicitly select
  • File access permissions are managed by the browser
  • No file data is transmitted over the network

License

MIT License - See LICENSE file for details