AndrewJBateman / ionic-angular-explorer

:clipboard: Ionic app that has a file explorer - tutorial code from Simon Grimm of the Ionic Academy

⚡ Ionic Angular Explorer

• App to create new folders and files.
• This is another great tutorial from Simon Grimm of the IonicAcademy, Youtube video 'Ionic Native File Explorer'.

📄 Table of contents

• ⚡ Ionic Angular Explorer
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-do list
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• A file or directory can be selected from an ion-fab button at the bottom right of the screen.
• The Cordova-plugin-file plugin implements a File API allowing read/write access to files stored on the device.
• The cordova-plugin-file-opener2 plugin will open a file on your device file system with its default application.

📷 Screenshots

• tba

📶 Technologies

• Ionic v6
• Ionic/angular v6
• Angular v13
• Apache Cordova v11 to target multiple platforms with one code base
• cordova-plugin-file v6
• cordova-plugin-file-opener v3

💾 Setup

• npm i to install dependencies
• To start the server on localhost://8100 type: 'ionic serve'
• The Ionic DevApp was installed on an Android device from the Google Play app store.

💻 Code Examples

• code from Cordova plugin to open a file on mobile device file system with its default application

cordova.plugins.fileOpener2.open(
    filePath,
    fileMIMEType,
    {
        error : function(){ },
        success : function(){ }
    }
);

🆒 Features

• File storage and access.

📋 Status & To-do list

• Status: Code complete, but needs to be tested on a connected device.
• To-do: setup a connected device/simulator to test properly.

👏 Inspiration

• Simon Grimm IonicAcademy Youtube video 'Ionic Native File Explorer'

📁 License

• N/A

✉️ Contact

• Repo created by ABateman, email: [e-mail]