diff --git a/content/roadmaps.json b/content/roadmaps.json
index 5bdcc06e7..faf7b3e60 100644
--- a/content/roadmaps.json
+++ b/content/roadmaps.json
@@ -35,6 +35,7 @@
"description": "Step by step guide to becoming a modern frontend developer in 2022",
"featuredTitle": "Frontend",
"featuredDescription": "Step by step guide to becoming a frontend developer in 2022",
+ "type": "role",
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
@@ -82,6 +83,7 @@
},
"title": "Backend Developer",
"description": "Step by step guide to becoming a modern backend developer in 2022",
+ "type": "role",
"featuredTitle": "Backend",
"featuredDescription": "Step by step guide to becoming a backend developer in 2022",
"featured": true,
@@ -126,6 +128,7 @@
"title": "DevOps Roadmap",
"description": "Step by step guide for DevOps, SRE or any other Operations Role in 2022",
"featuredTitle": "DevOps",
+ "type": "role",
"featuredDescription": "Step by step guide for DevOps or operations role in 2022",
"featured": true,
"imageUrl": "/roadmaps/devops.png",
@@ -169,6 +172,7 @@
"title": "React Developer",
"description": "Everything that is there to learn about React and the ecosystem in 2022.",
"featuredTitle": "React",
+ "type": "tool",
"featuredDescription": "Step by step guide to become a React Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
@@ -211,6 +215,7 @@
"title": "Angular Developer",
"description": "Everything that is there to learn about Angular and the ecosystem in 2022.",
"featuredTitle": "Angular",
+ "type": "tool",
"featuredDescription": "Step by step guide to become a Angular Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
@@ -253,6 +258,7 @@
"title": "Android Developer",
"description": "Step by step guide to becoming an Android developer in 2022",
"featuredTitle": "Android",
+ "type": "role",
"featuredDescription": "Step by step guide to becoming an Android Developer in 2022",
"isTextHeavy": true,
"isCommunity": false,
@@ -294,6 +300,7 @@
"title": "Python Developer",
"description": "Step by step guide to becoming a Python developer in 2022",
"featuredTitle": "Python",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Python Developer in 2022",
"isTextHeavy": true,
"isCommunity": false,
@@ -344,6 +351,7 @@
"title": "Go Developer",
"description": "Step by step guide to becoming a Go developer in 2022",
"featuredTitle": "Go",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Go developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
@@ -395,6 +403,7 @@
"title": "Java Developer",
"description": "Step by step guide to becoming a Java developer in 2022",
"featuredTitle": "Java",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Java Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
@@ -444,6 +453,7 @@
"title": "PostgreSQL DBA",
"description": "Step by step guide to becoming a modern PostgreSQL DB Administrator in 2022",
"featuredTitle": "DBA",
+ "type": "role",
"featuredDescription": "Step by step guide to become a PostgreSQL DBA in 2022",
"landingPath": "/roadmaps/109-postgresql-dba/landscape.md",
"resourcesPath": "/roadmaps/109-postgresql-dba/resources.md",
@@ -479,6 +489,7 @@
"title": "AWS",
"description": "Everything that is there to learn about AWS and the ecosystem in 2022.",
"featuredTitle": "AWS",
+ "type": "tool",
"featuredDescription": "Step by step guide to learn AWS in 2022",
"isTextHeavy": false,
"isCommunity": false,
@@ -520,6 +531,7 @@
"title": "QA Engineer",
"description": "Steps to follow in order to become a modern QA Engineer in 2022",
"featuredTitle": "QA",
+ "type": "role",
"featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2022",
"isUpcoming": true,
"featured": true,
diff --git a/content/roadmaps/100-frontend/meta.json b/content/roadmaps/100-frontend/meta.json
index 365c2247a..bfe495353 100644
--- a/content/roadmaps/100-frontend/meta.json
+++ b/content/roadmaps/100-frontend/meta.json
@@ -34,6 +34,7 @@
"description": "Step by step guide to becoming a modern frontend developer in 2022",
"featuredTitle": "Frontend",
"featuredDescription": "Step by step guide to becoming a frontend developer in 2022",
+ "type": "role",
"author": {
"name": "Kamran Ahmed",
"url": "https://twitter.com/kamranahmedse"
diff --git a/content/roadmaps/101-backend/meta.json b/content/roadmaps/101-backend/meta.json
index 0313e4922..eee5afff9 100644
--- a/content/roadmaps/101-backend/meta.json
+++ b/content/roadmaps/101-backend/meta.json
@@ -31,6 +31,7 @@
},
"title": "Backend Developer",
"description": "Step by step guide to becoming a modern backend developer in 2022",
+ "type": "role",
"featuredTitle": "Backend",
"featuredDescription": "Step by step guide to becoming a backend developer in 2022",
"featured": true,
diff --git a/content/roadmaps/102-devops/meta.json b/content/roadmaps/102-devops/meta.json
index dea277b28..59af503d8 100644
--- a/content/roadmaps/102-devops/meta.json
+++ b/content/roadmaps/102-devops/meta.json
@@ -26,6 +26,7 @@
"title": "DevOps Roadmap",
"description": "Step by step guide for DevOps, SRE or any other Operations Role in 2022",
"featuredTitle": "DevOps",
+ "type": "role",
"featuredDescription": "Step by step guide for DevOps or operations role in 2022",
"featured": true,
"imageUrl": "/roadmaps/devops.png",
@@ -42,4 +43,4 @@
},
"pdfUrl": "/pdfs/devops.pdf",
"contentPathsFilePath": "./content-paths.json"
-}
\ No newline at end of file
+}
diff --git a/content/roadmaps/103-react/meta.json b/content/roadmaps/103-react/meta.json
index 1785713d6..638bd65a0 100644
--- a/content/roadmaps/103-react/meta.json
+++ b/content/roadmaps/103-react/meta.json
@@ -21,6 +21,7 @@
"title": "React Developer",
"description": "Everything that is there to learn about React and the ecosystem in 2022.",
"featuredTitle": "React",
+ "type": "tool",
"featuredDescription": "Step by step guide to become a React Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
diff --git a/content/roadmaps/104-angular/meta.json b/content/roadmaps/104-angular/meta.json
index 712ea2983..987c30f19 100644
--- a/content/roadmaps/104-angular/meta.json
+++ b/content/roadmaps/104-angular/meta.json
@@ -19,6 +19,7 @@
"title": "Angular Developer",
"description": "Everything that is there to learn about Angular and the ecosystem in 2022.",
"featuredTitle": "Angular",
+ "type": "tool",
"featuredDescription": "Step by step guide to become a Angular Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
diff --git a/content/roadmaps/105-android/meta.json b/content/roadmaps/105-android/meta.json
index 96946d227..83f224d7d 100644
--- a/content/roadmaps/105-android/meta.json
+++ b/content/roadmaps/105-android/meta.json
@@ -19,6 +19,7 @@
"title": "Android Developer",
"description": "Step by step guide to becoming an Android developer in 2022",
"featuredTitle": "Android",
+ "type": "role",
"featuredDescription": "Step by step guide to becoming an Android Developer in 2022",
"isTextHeavy": true,
"isCommunity": false,
diff --git a/content/roadmaps/106-python/meta.json b/content/roadmaps/106-python/meta.json
index 278080f4e..168c42504 100644
--- a/content/roadmaps/106-python/meta.json
+++ b/content/roadmaps/106-python/meta.json
@@ -19,6 +19,7 @@
"title": "Python Developer",
"description": "Step by step guide to becoming a Python developer in 2022",
"featuredTitle": "Python",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Python Developer in 2022",
"isTextHeavy": true,
"isCommunity": false,
diff --git a/content/roadmaps/107-golang/meta.json b/content/roadmaps/107-golang/meta.json
index f2b3bc54a..1c11b4440 100644
--- a/content/roadmaps/107-golang/meta.json
+++ b/content/roadmaps/107-golang/meta.json
@@ -29,6 +29,7 @@
"title": "Go Developer",
"description": "Step by step guide to becoming a Go developer in 2022",
"featuredTitle": "Go",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Go developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
diff --git a/content/roadmaps/108-java/meta.json b/content/roadmaps/108-java/meta.json
index e4202ac3f..d646b8f09 100644
--- a/content/roadmaps/108-java/meta.json
+++ b/content/roadmaps/108-java/meta.json
@@ -28,6 +28,7 @@
"title": "Java Developer",
"description": "Step by step guide to becoming a Java developer in 2022",
"featuredTitle": "Java",
+ "type": "tool",
"featuredDescription": "Step by step guide to becoming a Java Developer in 2022",
"isTextHeavy": false,
"isCommunity": false,
diff --git a/content/roadmaps/109-postgresql-dba/meta.json b/content/roadmaps/109-postgresql-dba/meta.json
index 0c30d2a5e..9e87ff450 100644
--- a/content/roadmaps/109-postgresql-dba/meta.json
+++ b/content/roadmaps/109-postgresql-dba/meta.json
@@ -26,6 +26,7 @@
"title": "PostgreSQL DBA",
"description": "Step by step guide to becoming a modern PostgreSQL DB Administrator in 2022",
"featuredTitle": "DBA",
+ "type": "role",
"featuredDescription": "Step by step guide to become a PostgreSQL DBA in 2022",
"landingPath": "./landscape.md",
"resourcesPath": "./resources.md",
diff --git a/content/roadmaps/110-aws/meta.json b/content/roadmaps/110-aws/meta.json
index 0d2e310ca..132d3dd55 100644
--- a/content/roadmaps/110-aws/meta.json
+++ b/content/roadmaps/110-aws/meta.json
@@ -17,6 +17,7 @@
"title": "AWS",
"description": "Everything that is there to learn about AWS and the ecosystem in 2022.",
"featuredTitle": "AWS",
+ "type": "tool",
"featuredDescription": "Step by step guide to learn AWS in 2022",
"isTextHeavy": false,
"isCommunity": false,
diff --git a/content/roadmaps/111-qa/meta.json b/content/roadmaps/111-qa/meta.json
index c8cc92d9a..8f3b8706b 100644
--- a/content/roadmaps/111-qa/meta.json
+++ b/content/roadmaps/111-qa/meta.json
@@ -20,6 +20,7 @@
"title": "QA Engineer",
"description": "Steps to follow in order to become a modern QA Engineer in 2022",
"featuredTitle": "QA",
+ "type": "role",
"featuredDescription": "Step by step guide to becoming a modern QA Engineer in 2022",
"isUpcoming": true,
"featured": true,
diff --git a/lib/roadmap.ts b/lib/roadmap.ts
index 56ee5bdda..cc7ea50c0 100644
--- a/lib/roadmap.ts
+++ b/lib/roadmap.ts
@@ -14,6 +14,7 @@ export type RoadmapType = {
name: string;
url: string;
};
+ type: "role" | "tool";
featured: boolean;
imageUrl?: string;
jsonUrl?: string;
diff --git a/pages/index.tsx b/pages/index.tsx
index 73ca295fd..97813dc61 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,9 +3,9 @@ import {
Container,
Heading,
Link,
- SimpleGrid,
+ SimpleGrid, Tag,
Text,
- useMediaQuery,
+ useMediaQuery
} from '@chakra-ui/react';
import { GlobalHeader } from '../components/global-header';
import { Footer } from '../components/footer';
@@ -55,29 +55,27 @@ export default function Home(props: HomeProps) {
educational content to help guide the developers in picking up the
path and guide their learnings.
-
-
- We also have a{' '}
-
- event({
- category: 'Subscription',
- action: 'Clicked the YouTube link',
- label: 'YouTube link on home',
- })
- }
- target="_blank"
- fontWeight={600}
- >
- YouTube channel
- {' '}
- which we hope you are going to love.
-
-
- {roadmaps.map((roadmap: RoadmapType, counter: number) => (
+
+ Role Based Roadmaps
+
+ {roadmaps.filter(roadmap => roadmap.type === 'role').map((roadmap: RoadmapType, counter: number) => (
+
+ ))}
+
+
+ Tool Based Skill Trees
+
+
+ {roadmaps.filter(roadmap => roadmap.type === 'tool').map((roadmap: RoadmapType, counter: number) => (
https://roadmap.sh/frontendmonthly
- 2022-06-14T16:21:44.766Z
+ 2022-08-04T11:36:54.909Z1.0https://roadmap.sh/backendmonthly
- 2022-06-14T16:21:44.766Z
+ 2022-08-04T11:37:35.841Z1.0https://roadmap.sh/devopsmonthly
- 2022-08-03T15:24:13.858Z
+ 2022-08-04T11:37:35.845Z1.0https://roadmap.sh/reactmonthly
- 2022-06-14T16:21:44.767Z
+ 2022-08-04T11:37:35.834Z1.0https://roadmap.sh/angularmonthly
- 2022-06-14T16:21:44.767Z
+ 2022-08-04T11:37:35.838Z1.0https://roadmap.sh/androidmonthly
- 2022-01-01T14:32:00.124Z
+ 2022-08-04T11:37:35.837Z1.0https://roadmap.sh/pythonmonthly
- 2022-06-14T16:21:44.768Z
+ 2022-08-04T11:37:35.844Z1.0https://roadmap.sh/golangmonthly
- 2022-06-14T16:21:44.768Z
+ 2022-08-04T11:37:35.847Z1.0https://roadmap.sh/javamonthly
- 2022-06-14T16:21:44.768Z
+ 2022-08-04T11:37:35.840Z1.0https://roadmap.sh/postgresql-dbamonthly
- 2022-01-01T14:31:59.273Z
+ 2022-08-04T11:37:35.848Z1.0https://roadmap.sh/awsmonthly
- 2022-01-01T14:31:59.852Z
+ 2022-08-04T11:37:35.842Z1.0https://roadmap.sh/qamonthly
- 2022-01-01T14:31:59.633Z
+ 2022-08-04T11:37:35.836Z1.0
@@ -255,7 +255,7 @@
https://roadmap.sh/monthly
- 2022-01-13T15:46:46.881Z
+ 2022-08-04T11:36:26.733Z1.0