https://github.com/wyndchyme/js-fileexplorer

JavaScript that dynamically produces a file explorer from a given GitHub repository.
https://github.com/wyndchyme/js-fileexplorer

file-explorer javascript js web

Last synced: 8 months ago
JSON representation

JavaScript that dynamically produces a file explorer from a given GitHub repository.

• Host: GitHub
• URL: https://github.com/wyndchyme/js-fileexplorer
• Owner: wyndchyme
• Created: 2025-02-18T01:59:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-18T03:03:10.000Z (over 1 year ago)
• Last Synced: 2025-02-18T03:24:52.978Z (over 1 year ago)
• Topics: file-explorer, javascript, js, web
• Language: JavaScript
• Homepage: https://wyndchyme.github.io/js-fileexplorer/
• Size: 26.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: docs/README.md
  • Code of conduct: docs/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
JavaScript Dynamic File Explorer

This repository contains JavaScript for a dynamically generated file explorer for any GitHub repository.


Description

Essentially, this script produces an unordered list of all folders and files in a given GitHub repository. Files automatically have their GitHub blob links attached to them. Folders support different icons for being 'open' (displaying their contents) and 'closed'. Adding specific icons for any file extensions is supported through CSS without the need for modifying the script itself.


Usage

Import the script using the standard  method. Add the contents of the stylesheet to your style.css file or import it externally.


Add specific icons for certain file extensions by adding this to your style.css:


  

```

.file-extension a::before {

    background-image: url(/your/image/path/here);

}

```


A sample of this script can be found in the index.html file that uses this repository as an example. You can view this example as a website here.

Legal

© 2025 wyndchyme. Licensed under the Apache License 2.0.