Сергей
package.json внутри.JSX
{
"name": "practicum-techradar",
"version": "1.0.0",
"license": "MIT",
"scripts": {
"build": "techradar build",
"serve": "techradar serve"
},
"dependencies": {
"aoe_technology_radar": "^4"
}
} BASH
npm install BASH
mkdir public
cd public
wget https://code.s3.yandex.net/main-page-v5/Logo.svg
mv Logo.svg logo.svg config.json для настроек в корне проекта и добавим туда пока одну настройку.JSON
{
"basePath": "/"
} BASH
npm run build
npm run serve localhost:3000.config.json.JSON
{
"basePath": "/",
"baseUrl": "",
"editUrl": "",
"logoFile": "logo.svg",
"jsFile": "",
"toggles": {
"showChart": true,
"showTagFilter": true,
"showQuadrantList": true,
"showEmptyRings": false
},
"sections": ["radar", "tags", "list"],
"colors": {
"foreground": "#fcf2e6",
"background": "#113521",
"highlight": "#d4a373",
"content": "#fff",
"text": "#575757",
"link": "#bc6c25",
"border": "rgba(255, 255, 255, 0.1)",
"tag": "rgba(255, 255, 255, 0.1)"
},
"quadrants": [
{
"id": "languages-and-frameworks",
"title": "Языки и Фреймворки",
"description": "",
"color": "#a3b18a"
},
{
"id": "methods-and-patterns",
"title": "Практики и Паттерны",
"description": "",
"color": "#588157"
},
{
"id": "platforms-and-operations",
"title": "Платформы",
"description": "",
"color": "#3f633e"
},
{
"id": "tools",
"title": "Инструменты",
"description": "",
"color": "#40713f"
}
],
"rings": [
{
"id": "adopt",
"title": "Активно используем",
"description": "",
"color": "#588157",
"radius": 0.5,
"strokeWidth": 5
},
{
"id": "trial",
"title": "Пробуем",
"description": "",
"color": "#457b9d",
"radius": 0.69,
"strokeWidth": 3
},
{
"id": "assess",
"title": "Изучаем",
"description": "",
"color": "#bc6c25",
"radius": 0.85,
"strokeWidth": 2
},
{
"id": "hold",
"title": "Выкидываем",
"description": "",
"color": "#d62828",
"radius": 1,
"strokeWidth": 0.75
}
],
"flags": {
"new": {
"color": "#f1235a",
"title": "Новое",
"titleShort": "N",
"description": "Новое в этой версии"
},
"changed": {
"color": "#40a7d1",
"title": "Изменено",
"titleShort": "C",
"description": "Недавно менялось"
},
"default": {
"description": "Нет изменений"
}
},
"chart": {
"size": 800,
"blipSize": 12
},
"social": [
],
"imprint": "",
"labels": {
"title": "Учебный технический радар",
"imprint": "",
"quadrant": "Технические области",
"quadrantOverview": "Подробнее",
"zoomIn": "Приблизить",
"filterByTag": "Отфильтровать по тегу",
"footer": "Учебный радар в рамках курса Архитектор ПО от Яндекс Практикума",
"notUpdated": "Давно не менялось",
"notFound": "404",
"pageAbout": "Как пользоваться",
"pageOverview": "Обзор технологий",
"pageSearch": "Поиск",
"searchPlaceholder": "Что ищете?",
"metaDescription": ""
}
} config.json.JSON
{
....
"colors" :
"foreground": "#fcf2e6",
"background": "#808080",
....
} JSON
npm run serve MARKDOWN
title: "Iceberg"
ring: adopt
quadrant: platforms-and-operations
tags: [new]
Apache Iceberg
datamesh.md.MARKDOWN
title: "Data Mesh"
ring: adopt
quadrant: methods-and-patterns
tags: [new]
Data Mesh

config.json);config.json);MARKDOWN
npm run server datamesh.md. MARKDOWN
title: "Data Mesh"
ring: adopt
quadrant: methods-and-patterns
tags: [new]
Data Mesh

[ADR](/adr/datamesh.md)
config.json).Исходники