• Notion — For overall project management, documentation, notes and wikis
• Clubhouse / Monday — Clubhouse or Monday to manage the development process itself. Both can be Incorporated into a CI/CD workflow so builds are done automatically and changes are reflected in the staging and production CI/CD branches
• Slack / Discord — For communication between teams

• Figma — Figma is a modern cross platform design tool with sharing and collaboration built in
• Photoshop / Canva — Photoshop is the industry standard for doing graphic design work and Canva is a great image editing tool

• Node.js — A popular modern back-end framework
• PostgreSQL — A popular SQL Database
• MongoDB — A popular NoSQL Database
• HarperDB — A popular hybrid NoSQL/SQL Database

• NextJS / Create React App / Redux — NextJS for generating a static website or Create React App for building a standard React website with Redux for state management
• Tailwind — Tailwind for writing the CSS, as its a modern popular framework basically allowing you to avoid writing your own custom CSS from scratch leading to faster development workflows
• CSS/SASS / styled-components — This can be used as a different option to Tailwind, giving you more customization options for the components in React
• Jest and Enzyme, React Testing Library and Cypress — TDD using unit tests for the code and components before they are sent to production and Cypress for end to end testing
• Sanity / Strapi — Sanity and Strapi are headless CMS, and are used to publish the content with the use of a GUI (optional tools)
• Vercel / Netlify / AWS — The CI/CD provider combined with GitHub, it makes it easy to review and promote changes as they’re developed

• React Native / Redux — React Native for creating cross platform mobile apps and Redux for state management
• Flutter/Dart — Flutter and Dart for creating cross platform mobile apps

The developer technology landscape is constantly evolving as new tools and technologies are introduced. The framework of choice is React. Vue, Angular and Svelte are deservedly popular.
Well woven into the the project management fabric are tools out like Jira, confluence, Trello and Asana to name a few.
It is much simpler to concentrate on a refined set of tools instead of getting overwhelmed with the plethora of choices out there.

The modern-day toolbox framework allows developers to be more efficient in the design of web applications by offering a ready-to-use and reusable architecture and software components to use with them. One might compare a framework to a car factory. The car would be the final product, and the framework would be the factory. In this factory, we already have everything we need in stock: the robots, the workstations, and all the parts, like the steering wheel and the doors. Among these components, we come and get the ones we need to reuse them. Once this basic application or “skeleton” has been produced, other developers no longer need to reinvent everything for each new project. One way to do this is to look at the DRY concept: avoid repeating yourself. DRY is a programming philosophy consisting of avoiding code redundancy within an application in order to facilitate maintenance, testing, debugging and evolutions of the latter.

In many cases, frameworks are generally designed by a community of developers. They work by programming language and allow the development of all types of media: a mobile app, a desktop software, a web platform (from a web page to an entire website), video games, etc. That said, you can also create your own framework.
Frameworks have different parts. For example, there are authentication, database management, display, or user interaction tools.