Skip to content

Visualize ZIP file contents: displays folder tree and text file contents in a clean, readable layout. Ideal for project documentation and code review.

Notifications You must be signed in to change notification settings

thebilalkhatri/Zip-Structure-File-Content-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

ZIP Project Structure Viewer

A lightweight web tool to visualize ZIP file contents. This project shows both the folder tree and the text content of files in a clean, readable layout.

Features

  • Upload any ZIP file.
  • Display folder and file structure in a tree format.
  • Preview text-based files (JS, JSON, HTML, CSS, MD, YAML, TXT, ENV, etc.).
  • Clean, professional layout with monospace font.
  • Skip binary files automatically (images, videos, etc.).
  • Perfect for project documentation, portfolio showcasing, or code review.

How to Use

  1. Clone this repository.
  2. Open index.html in your browser.
  3. Upload a ZIP file.
  4. Left panel shows folder tree, right panel shows text file contents.

Tech Stack

  • HTML, CSS, JavaScript
  • JSZip for ZIP file parsing

Screenshots

(Add a screenshot here showing tree on left and file content on right.)

License

MIT License

About

Visualize ZIP file contents: displays folder tree and text file contents in a clean, readable layout. Ideal for project documentation and code review.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages