├── .github └── workflows │ └── pull-request-opened-notify-slack.yml ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── README.md └── pull_request_template.md /.github/workflows/pull-request-opened-notify-slack.yml: -------------------------------------------------------------------------------- 1 | name: Send a Slack notification when PRs are opened to alert that a review is needed 2 | on: 3 | pull_request: 4 | types: 5 | - opened 6 | jobs: 7 | send-slack-notification: 8 | if: github.event.pull_request.merged == false 9 | uses: thisdot/shared-actions/.github/workflows/pull-request-opened-notify-slack.yml@main 10 | secrets: inherit 11 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | - Using welcoming and inclusive language 12 | - Being respectful of differing viewpoints and experiences 13 | - Gracefully accepting constructive criticism 14 | - Gracefully accepting constructive criticism 15 | - Focusing on what is best for the community 16 | - Showing empathy towards other community members 17 | 18 | Examples of unacceptable behavior by participants include: 19 | 20 | - The use of sexualized language or imagery and unwelcome sexual attention or advances 21 | - Trolling, insulting/derogatory comments, and personal or political attacks 22 | - Public or private harassment 23 | - Publishing others' private information, such as a physical or electronic address, without explicit permission 24 | - Other conduct which could reasonably be considered inappropriate in a professional setting 25 | 26 | ## Our Responsibilities 27 | 28 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 29 | 30 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 31 | 32 | ## Scope 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | ## Enforcement 36 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting [opensource@thisdot.co.](mailto:opensource@thisdot.co) All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 37 | 38 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 39 | 40 | ## Attribution 41 | This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/), version 1.4, available at [https://www.contributor-covenant.org/version/1/4/code-of-conduct.html](https://www.contributor-covenant.org/version/1/4/code-of-conduct.html) -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | Thank you for your consideration in contributing to our repo. 2 | 3 | To have an effective process, please have a look at our guidelines for contributing. 4 | 5 | ## Guidelines 6 | 7 | 1. Check for your suggestion in our README (to avoid duplicates) 8 | 2. Fork the repo 9 | 3. Update the README with your suggestion 10 | 4. Open a PR directed at our main branch 11 | 5. We will review the PR and merge or provide feedback in order to have it merged 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Here you will find a list of different tooling libraries. 2 | 3 | We would love to know which tooling library you think deserves to be included in our list. If you'd like to contribute, please see our [contributing guidelines.](./CONTRIBUTING.md) 4 | 5 | # Table of Contents 6 | 7 | [Web Development](#web-development) 8 | 9 | [API's](#apis) 10 | 11 | [Accessibility](#accessibility) 12 | 13 | [Security](#security) 14 | 15 | [State Management](#state-management) 16 | 17 | [Miscellaneous](#miscellaneous) 18 | 19 | [Design System](#cdesign-system) 20 | 21 | # Dev Tools 22 | 23 | ## Web Development 24 | 25 | - [bit.dev](https://bit.dev/) 26 | is an open-source toolchain for component-driven software. Instead of building an application that consists of individually created components, Bit provides examples of components that can be quickly used to build any application via any front-end framework. 27 | 28 | - [Chrome Dev Tools](https://developer.chrome.com/docs/devtools/) is web developer tooling built into the [Chrome](https://www.google.com/chrome/) browser. 29 | 30 | - [Create React App](https://create-react-app.dev/) is a popular boilerplate to generate React projects. 31 | 32 | - [Neovim](https://neovim.io/) is an open-source text editor based in Vim, a highly configurable editor built to make creating and changing any kind of text very efficient. 33 | 34 | - [Nx](https://nx.dev/) is a smart, fast and extensible build system, which is based in the Angular community, with first-class monorepo support libraries and powerful integrations. 35 | 36 | - [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) 37 | is a Chrome DevTools extension for the open-source React JavaScript library. It allows one to inspect the React component hierarchies in the Chrome Developer Tools. 38 | 39 | - [Responsively](https://responsively.app/) is a modified browser designed to make responsive web development much easier and faster. 40 | 41 | - [Selector Gadget](https://chrome.google.com/webstore/detail/selectorgadget/mhjhnkcfbdhnjickkkdbjoemdmbfginb) 42 | is an open-source Chrome Extension that makes CSS selector generation and discovery on complicated sites a breeze. 43 | 44 | - [Serverless](https://www.serverless.com/) 45 | is a framework that can be used to generate/deploy backend projects with AWS Lambda. 46 | 47 | - [Storybook](https://storybook.js.org/) 48 | is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. 49 | 50 | - [Turborepo](https://turborepo.org/) is a smart build system for JavaScript/TypeScript monorepos: codebases containing multiple projects, often using multiple frameworks, in a single, unified code repository. 51 | 52 | - [Visual Studio Code](https://code.visualstudio.com) 53 | is an open-source code editor that runs everywhere and allows you to do anything from debugging code to inputting Git commands or creating Sass code. 54 | 55 | - [Vite](https://vitejs.dev/) 56 | is a boilerplate to generate front-end projects that support many JavaScript frameworks. 57 | 58 | - [Vue.js Devtools](https://devtools.vuejs.org/) 59 | is an open-source extension for the Vue.js framework. It allows you to debug Vue.js applications in the browser developer tools. 60 | 61 | - [Web Developer](https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm) 62 | is a Chrome extension that can be added to the browser that contains a toolbar button with various web developer tools. 63 | 64 | - [Webhook](https://webhook.site/) 65 | lets you easily inspect, test and automate (with the visual [Custom Actions builder](https://docs.webhook.site/custom-actions.html), or [WebhookScript](https://docs.webhook.site/webhookscript.html)) any incoming HTTP request or e-mail. 66 | 67 | ## APIs 68 | 69 | - [Hasura](https://hasura.io/) 70 | provides an instant real-time GraphQL APIs engine. It makes data instantly accessible over a real-time GraphQL API, enabling one to build and ship modern apps and APIs much faster. Hasura connects to databases, REST servers, GraphQL servers, and third-party APIs to provide a unified GraphQL API, to be precise, an instant real-time GraphQL API across all one's data sources. 71 | 72 | - [HoppScotch](https://hoppscotch.io/) 73 | is a lightweight open-source API development tool that runs smoothly and looks beautiful. 74 | 75 | - [HTTPie](https://httpie.io/) 76 | is a friendly tool for consuming APIs (and making HTTP requests in general) through CLI. 77 | 78 | - [Insomnia](https://insomnia.rest/) 79 | is an open-source framework developing/testing API clients. It can be used to send REST, SOAP, GraphQL and GRPC requests. With this tool, it is possible to carry out documentation, and automation and with its CLI tools version, it is possible to implement pipeline tests. 80 | 81 | - [Linx](https://linx.software) 82 | is an low-code developer IDE and Server for the development and deployment of backend applications. Developers build and debug solutions in a familiar procedural style using 100s of ready made functions, services and types. Solutions are deployed with one click to servers running in the cloud or on-premise. 83 | 84 | - [Postman](https://www.postman.com/) 85 | is a platform for building and using APIs. 86 | 87 | - [REST-assured](https://rest-assured.io/) 88 | is the tool of choice for most web devs working with Java. REST-assured enables one to test and validate REST services 89 | 90 | - [Sandbox](https://getsandbox.com/) 91 | helps to accelerate the API development process and quickly mock SOAP web services and RESTful API. With Sandbox, you can generate from instant deployment, debugging tools for integration, API definitions, and collaborative build. 92 | 93 | - [SoapUI](https://www.soapui.org/) 94 | is a testing tool for APIs. 95 | 96 | - [Strapi](https://strapi.io/) 97 | is an open-source CMS (Content Management System) with a beautiful and fully customizable dashboard. Build your APIs faster (REST or GraphQL) and manage your content easily. 98 | 99 | ## Accessibility 100 | 101 | - [axe](https://www.deque.com/axe/): is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs. It is based on the popular accessibility testing library [axe-core](https://github.com/dequelabs/axe-core) and is also available as a [Chrome Extension](https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd?hl=en-US). It is a digital accessibility toolkit providing efficient accessibility testing and coverage for your testing needs. 102 | 103 | - [LERA](https://chrome.google.com/webstore/detail/lera/neninfnjnhknniefcpognoooalfdaofc) is an automated Accessibility testing and reporting tool that provides you with an in-depth report of your website’s accessibility issues. It’s FREE for everyone to use (and requires no credit card information). LERA is the only fully automated online tool that provides both Accessibility Audits and Reporting for free. 104 | 105 | ## Security 106 | 107 | - [BurpSuite](https://portswigger.net/burp) 108 | is a web vulnerability scanner for automated testing, mapping, analysis, and security. 109 | 110 | - [Datadog](https://www.datadoghq.com/) 111 | is a monitoring and security platform for cloud applications. 112 | 113 | - [Nmap](https://nmap.org/) 114 | is a network exploration tool and security/port scanner. 115 | 116 | - [Sentry](https://sentry.io/welcome/) is similar to Datadog, it is a crash reporting platform that provides you with "real-time insight into production deployments with info to reproduce and fix crashes". It notifies one of the exceptions or errors that users run into while using the app and organizes them for you on a web dashboard. 117 | 118 | - [WireShark](https://www.wireshark.org/) 119 | is a network protocol analyzer. 120 | 121 | ## State Management 122 | 123 | - [Akita](https://opensource.salesforce.com/akita/) 124 | is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Store model. 125 | 126 | - [Elf](https://ngneat.github.io/elf/) 127 | is a reactive immutable state management solution built on top of RxJS. It uses custom RxJS operators to query the state and pure functions to update it. Elf encourages simplicity. It saves you the hassle of creating boilerplate code and offers powerful tools with a moderate learning curve, suitable for experienced and inexperienced developers alike. 128 | 129 | - [MobX](https://mobx.js.org/README.html) 130 | is a state management library utilizing functional reactive programming. 131 | 132 | - [NgRx](https://ngrx.io/) 133 | provides reactive state management for Angular apps inspired by Redux. It unifies the events in an application and derives the state using RxJS. 134 | 135 | - [Redux](https://redux.js.org/) 136 | is a library for implementing centralized state management for JavaScript apps. 137 | 138 | - [XState](https://xstate.js.org/) 139 | uses finite state machines in JavaScript/TypeScript. Finite state machines can make state management more explicit and less of an ad hoc mess. 140 | 141 | - [Vuex](https://vuex.vuejs.org/) 142 | is a state management pattern and library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated predictably. 143 | 144 | - [Pinia](https://pinia.vuejs.org/) 145 | is a store library for Vue, it allows you to share a state across components/pages. 146 | 147 | ## Package Managers 148 | 149 | - [NPM (Node Package Manager)](https://www.npmjs.com/) 150 | is a package manager that is part of Node.js. Allows you to install, uninstall and update dependencies in an application. 151 | 152 | - [Yarn](https://yarnpkg.com/) 153 | is a package manager that is a replacement for NPM. It is said to be faster and more secure than NPM. 154 | 155 | ## Web Testing 156 | 157 | - [Cypress](https://www.cypress.io/) 158 | is a purely JavaScript-based front-end testing tool built for the modern web. It addresses the pain points developers or QA engineers face while testing an application. It is well-documented and hosts a wide variety of tooling for various Javascript frameworks. 159 | 160 | - [Jest](https://jestjs.io) 161 | is a JavaScript testing framework designed to ensure the correctness of any JavaScript codebase. It allows one to write tests with an approachable, familiar and feature-rich API that gives you results quickly. Jest is well-documented, requires little configuration and can be extended to match your requirements. 162 | 163 | - [LambdaTest](https://www.lambdatest.com/) 164 | is a testing Run UI tests in the cloud across different browsers on real devices. Automated selenium testing for automated cross-browser testing. Offers a lifetime free plan. 165 | 166 | - [Pattern Lab](https://patternlab.io/) 167 | is a frontend testing automation environment enables that helps you build, view, test, and showcase your design system's UI components. It facilitates the usage of multiple testing solutions for various languages. 168 | 169 | - [Puppeteer](https://pptr.dev/) 170 | is a Node-based library for controlling Chrome for UI testing. 171 | 172 | - [React Testing Library](https://testing-library.com/) 173 | is a popular testing library for React applications that also comes with a [Testing Playground](https://chrome.google.com/webstore/detail/testing-playground/hejbmebodbijjdhflfknehhcgaklhano). 174 | 175 | - [Selenium](https://www.selenium.dev/) 176 | is a browser automation software that allows programmatic sequences of clicks, scrolls, and typing on specific elements for testing websites. 177 | 178 | - [Vitest](https://vitest.dev/) 179 | is a Vite-native unit test framework that can be used on Vite. 180 | 181 | ## Web Design 182 | 183 | - [Figma](https://figma.com) 184 | is a design tool for UI/UX design 185 | 186 | - [Framer](https://framer.com) 187 | is an awesome tool to empower you to create interactive, highly customisable prototypes with code 188 | 189 | - [InVision](https://www.invisionapp.com/) 190 | is an online whiteboard and productivity platform powering the future of work. 191 | 192 | - [Marvel](https://marvelapp.com/) 193 | is a design, prototype and wireframe software that you can use to create interfaces, interactive designs, user testing and work collaboratively. 194 | 195 | - [Mockflow](https://www.mockflow.com/) 196 | is a wireframe software that allows you to create an interface. It has several internal components and icons. 197 | 198 | - [Protopie](https://protopie.io) 199 | is a no-code creation tool used to create interactive prototypes for mobile, web, desktop or the Internet of Things (IoT). 200 | 201 | - [Storybook](https://storybook.js.org/) 202 | is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. 203 | 204 | ## Miscellaneous 205 | 206 | - [GitHub](https://github.com) 207 | is a web-based interface that uses Git, the open-source version control software that lets multiple people make separate changes to web pages at the same time. 208 | 209 | - [Madge](https://github.com/pahen/madge) 210 | is a developer tool for generating a visual graph of the module dependencies, finding circular dependencies, and providing other useful info. Joel Kemp's awesome dependency tree is used for extracting the dependency tree. 211 | 212 | - [Markdownlint](https://github.com/DavidAnson/markdownlint) 213 | is a Visual Studio Code extension for markdown that will lint and style check it. For example, rule MD041 suggests that markdown files start with top-level headings. A list of problems is generated on saving, and it offers guidance and automatic fixes. Turn off the rules you disagree with or write your own. 214 | 215 | - [Miro](https://miro.com/) 216 | is an online collaborative whiteboard platform to bring teams together, anytime, anywhere. 217 | It helps web developers manage the flow of software creation & bifurcating the workload into modules & connecting them with bridges. 218 | 219 | - [Notion](https://www.notion.so/) 220 | is one of the best note-taking app that allows one to create and organize notes, tasks, wikis, and databases. It is a great alternative to Evernote. 221 | 222 | - [Small Dev Tools](https://smalldev.tools/) 223 | is a web-based resource with a variety of small, helpful tools. Examples include quick URL encoding/decoding, code formatters, lorem ipsum generation, and a markdown editor. 224 | 225 | - [SourceTree](https://sourcetreeapp.com) 226 | is a graphical user interface (GUI for the cool kids) used to manage git-based repositories whether they are local or remotely hosted. 227 | 228 | - [StackEdit](https://stackedit.io/) 229 | is a browser-based markdown editor. 230 | 231 | - [StackOverflow](https://stackoverflow.com) 232 | is one of the premier question-and-answer websites built for/by programmers and tech enthusiasts to provide solutions to queries posed. 233 | 234 | - [Tiny Helpers](https://tiny-helpers.dev/) 235 | is a collection of free single-purpose online tools for web developers... Examples include tools for CSS, Color, SVG, Accessibility, performance, Icons and many more. 236 | 237 | - [Trello](https://trello.com/) 238 | is a visual tool that empowers your team to manage any type of project, workflow, or task tracking. Add files, checklists, or even automation: customize it all for how your team works best. 239 | 240 | - [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg) 241 | is a cross-platform utility that uncovers the technologies used on websites. It detects content management systems, e-commerce platforms, web frameworks, server software, analytics tools and many more. 242 | 243 | ## Design System 244 | 245 | - [Ant Design](https://ant.design/) 246 | is a design system for enterprise-level products. 247 | 248 | - [Bootstrap](https://getbootstrap.com/) 249 | is the most popular tool for HTML, CSS and JS development. 250 | 251 | - [Bulma](https://bulma.io/) 252 | is a free, open-source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. 253 | 254 | - [Chakra UI](https://chakra-ui.com/) 255 | is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. 256 | 257 | - [Materalize](https://materializecss.com/) 258 | is a modern responsive CSS framework based on Material Design by Google? 259 | 260 | - [Semantic UI](https://semantic-ui.com/) 261 | is an open-source UI framework. 262 | 263 | - [Tailwind CSS](https://tailwindcss.com/) 264 | is a utility-first CSS framework used to rapidly build custom user interfaces. 265 | -------------------------------------------------------------------------------- /pull_request_template.md: -------------------------------------------------------------------------------- 1 | ## Adding a tooling library 2 | - [ ] Suggestion is not a duplicate 3 | - [ ] Suggestion is under the proper category (if applicable) 4 | - [ ] Link to library is included 5 | - [ ] Name of library is included 6 | - [ ] Name and link are spelled correctly 7 | --------------------------------------------------------------------------------