A web application that helps automate README creation
Read: https://github.com/MLH-Fellowship/0.2.1-readme-dirs/wiki/Tree-Core-Architecure
Head to URL and type in your Github Project URL and watch a MarkDown Accessible README with pre-filled descriptions appear!
With a one-click Copy/Paste you can update your README with the best MarkDown Project Structure README's you've ever seen!
Example Github Project URL: https://github.com/MLH-Fellowship/0.2.1-readme-dirs
We built this tool two solve two major issues and two minor issues:
1) README's don't contain project structures which make it difficult for contributors to understand where everything is and how what's happening inside the repository. 2) Existing Project Structures don't have hyperlinks making the UX of a project structure a bit difficult to navigate with excessive scrolling or third party plugins to extend the functionality. This requires no third-party software and can be done right in Github natively!
1) You can plug in any repo you want to contribute to and completely understand what every folder does thanks to auto generated documentation! 2) You can attach Badges to your repository to help people find the correct NPM Package your repository references!
sahandfarahani Contributions: 180 Public Repos: 10 đĻ | Manpreet-Bhatti Brampton, Ontario Contributions: 150 Public Repos: 10 đĻ | ralph-dev Toronto Contributions: 32 Public Repos: 62 đĻ | nchaloult Atlanta, GA Contributions: 30 Public Repos: 20 đĻ | mohammedsahl Waterloo, Canada Contributions: 18 Public Repos: 21 đĻ |
dangnhathuy Contributions: 7 Public Repos: 5 đĻ |
Configuration | Type | Default Value | Description |
---|---|---|---|
CollapsibleFolder | Boolean | true | Make folders collapsible |
RegexKeyword | String | 'Preview' | Gets the comment in form of @keyword{comment} |
Filter | FilterType { NULL, ROOT_ONLY, FOLDER_ONLY} |
FilterType.NULL | Generate the tree through a filter |
AuthorConfigs | {onlyOwner:boolean, AuthorInfo:Authorinfo,TableDesign:TableDesign} | onlyOwner=false | If we only want owner info and which infos |
TableDesign | {VERTICAL, CELL_DESIGN} | VERTICAL | Design Style of Table |
AuthorInfo | WithName,WithPicture,WithContributions,WithEmail, WithLocation,WithTwitterUsername,WithNumberOfRepos |
Which Information of Authors to show | |
WithName | Boolean | true | Authors Login Name |
WithPicture | Boolean | true | Authors Picture |
WithContributions | Boolean | true | Number of Author's Contributions |
WithEmail | Boolean | false | Authors Email |
WithLocation | Boolean | false | Authors Location |
WithTwitterUsername | Boolean | false | Authors Twitter Link |
WithNumberOfRepos | Boolean | false | Authors public Repo Number |
GooglePlayLink | String | "" | GooglePlay Link URL |
IOSStoreLink | String | "" | IOS Store Link URL |
WithTableOfContent | boolean | true | is there Table of Content? |
IncludePackageCommands | boolean | true | Table of commands from package.json in "/command/: description" format |
đ FUNDING.yml
đ favicon.ico
đ index.html
đ App.tsx
đ components
đ BadgesSection.tsx
đ CommentSection.tsx
đ MarkdownDisplay.tsx
đ MarkdownDisplayLine.tsx
đ URLBox.tsx
đ reusable
đ Card.tsx
đ CenteredCol.tsx
đ CustomButton.tsx
đ CustomSecondaryButton.tsx
đ Input.tsx
đ TextArea.tsx
đ images
đ Demo.gif
đ updatedDemo.gif
đ index.css
đ index.tsx
đ react-app-env.d.ts
đ tree
đ constants.ts
đ index.ts
đ languageWebsites.ts
đ types.ts
đ utils
đ Switch.tsx
đ createNpmFormatting
đ createNpmFormatting.ts
đ createNpmFormattingTest.ts
đ deepCopyFunction.ts
đ deleteFileFromPath
đ deleteFileFromPath.ts
đ deleteFileFromPathTest.ts
đ extractString.ts
đ filterChange.ts
đ formatLanguages
đ formatLanguages.ts
đ formatLanguagesTest.ts
đ generateCoreTest.ts
đ getAutoGeneratedCommentForPath
đ getAutoGeneratedCommentForPath.ts
đ getAutoGeneratedCommentForPathtest.ts
đ getBuiltinComment.ts # "; const END_OF_FILE_COMMENT_PATTERN =
đ getCopyToClipboardContents
đ getCopyToClipboardContents.ts
đ getCopyToClipboardContentsTest.ts
đ getCoreFromTree.ts
đ getFileTypeFromPath
đ getFileTypeFromPath.ts
đ getFileTypeFromPathTest.ts
đ getInfoLinks.ts
đ getLargestFileNameLengthInPath
đ getLargestFileNameLengthInLevel.ts
đ getLargestFileNameLengthInLevelTest.ts
đ getPreviousTree.ts
đ getWebsiteForLanguage.ts
đ repoToBadge
đ repoToBadge.ts
đ repoToBadgeTest.ts
đ selectFoldersOnly
đ selectFoldersOnly.ts
đ selectFoldersOnlyTest.ts
đ selectRootCores
đ SelectRootCoresTest.ts
đ selectRootCores.ts
đ setCommentForPath
đ setCommentForPath.ts
đ setCommentForPathtest.ts
đ tagWrap.ts
đ undoDeletions
đ undoDeletions.ts
đ undoDeletionsTest.ts