https://github.com/cqb13/folder-mapper

Maps out a folders structure and creates a tree view of it.
https://github.com/cqb13/folder-mapper

cqb13 folder folder-structure folder-tree folder-viewer folders tree tree-structure treeview vue vue3

Last synced: 2 months ago
JSON representation

Maps out a folders structure and creates a tree view of it.

• Host: GitHub
• URL: https://github.com/cqb13/folder-mapper
• Owner: cqb13
• License: mit
• Created: 2023-05-27T23:13:49.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-03-01T23:41:47.000Z (3 months ago)
• Last Synced: 2025-03-17T01:41:24.227Z (2 months ago)
• Topics: cqb13, folder, folder-structure, folder-tree, folder-viewer, folders, tree, tree-structure, treeview, vue, vue3
• Language: Vue
• Homepage: https://foldermap.cqb13.dev/
• Size: 76.2 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Folder Mapper

[View Projects](https://foldermap.cqb13.dev/)



## About:

This website takes in a folder, and maps out the folder structure, in a tree like structure.

## Technologies:

- Vue 3

- Vite

- Tailwind CSS

- TypeScript

- Vercel

## Structure:

```

folder-mapper

└── tsconfig.node.json

└── tsconfig.json

└── tailwind.config.cjs

└── postcss.config.cjs

└── package.json

└── package-lock.json

└── index.html

└── README.md

└── .prettierrc

└── .prettierignore

└── .gitignore

├── public

│   └── icon.svg

├── src

│   └── style.css

│   └── main.ts

│   └── App.vue

│   ├── assets

│   │   └── icon.svg

│   │   └── github.svg

│   │   └── types

│   │       └── directoryMap.ts

│   │       └── file.ts

│   ├── components

│   │   └── CheckBox.vue

│   │   └── TextInputGroup.vue

│   ├── utils

│   │   └── getDirectoryMap.ts

│   │   └── createFileTree.ts

│   │   └── isIgnored.ts

│   └── vite-env.d.ts

└── vite.config.ts

```