Tech Radar

screenshot of Tech Radar
react
styled-components
contentful
firebase

Overview:

The Apptension Tech Radar is a tool used by production teams at Apptension to showcase the technologies, tools, and methods they use internally. It helps in presenting these to clients and candidates and also allows for the selection of the best technology stacks for future projects based on shared experience levels and current trends.

Features:

  • Technical Radar: Displays technologies in four categories and four adoption levels.
  • Search: Allows filtering of elements on the radar.
  • Filtering: Enables filtering by adoption levels and teams using specific technologies or tools.
  • Details View: Provides additional information such as logo, description, alternatives, and links for each technology.
  • Mobile Support: The Tech Radar is accessible and functional on mobile devices.
  • Data Source: The Tech Radar uses Contentful CMS for data storage.

Summary:

The Apptension Tech Radar is a powerful tool that allows production teams to showcase their technology stack and make informed decisions for future projects. With features like filtering, search, and detailed views, it provides a comprehensive overview of the technologies used at Apptension. The integration with Contentful CMS allows for easy management of data, while the mobile support ensures accessibility on various devices. Overall, the Tech Radar enhances transparency and collaboration within the organization.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

styled-components
Styled Components

Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.

contentful
Contentful

Contentful is a headless content management system (CMS) that provides a flexible and scalable platform for creating, managing, and delivering digital content across multiple channels and devices.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

react-hook-form
React Hook Form

React Hook Form is a performant, flexible, and extensible form library for React with easy validation. It reduces re-renders and improves performance by using uncontrolled components and native HTML validation, making form handling simple and efficient.

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.