From fb86d888ac1889b4448765e670e22278262101f6 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 19 Nov 2024 07:24:59 -0800
Subject: [PATCH] Add engineering manager roadmap

---
 readme.md                                     |  1 +
 src/components/Roadmaps/RoadmapsPage.tsx      | 21 ++++--
 .../product-manager/product-manager.md        |  1 +
 .../software-architect/software-architect.md  |  1 +
 .../roadmaps/system-design/system-design.md   |  1 +
 src/pages/get-started.astro                   | 69 +++++++++++++------
 6 files changed, 68 insertions(+), 26 deletions(-)

diff --git a/readme.md b/readme.md
index b41c3e500..b31724ec2 100644
--- a/readme.md
+++ b/readme.md
@@ -48,6 +48,7 @@ Here is the list of available roadmaps with more being actively worked upon.
 - [Data Analyst Roadmap](https://roadmap.sh/data-analyst)
 - [MLOps Roadmap](https://roadmap.sh/mlops)
 - [Product Manager Roadmap](https://roadmap.sh/product-manager)
+- [Engineering Manager Roadmap](https://roadmap.sh/engineering-manager)
 - [QA Roadmap](https://roadmap.sh/qa)
 - [Python Roadmap](https://roadmap.sh/python)
 - [Software Architect Roadmap](https://roadmap.sh/software-architect)
diff --git a/src/components/Roadmaps/RoadmapsPage.tsx b/src/components/Roadmaps/RoadmapsPage.tsx
index f49a9f65a..347efc652 100644
--- a/src/components/Roadmaps/RoadmapsPage.tsx
+++ b/src/components/Roadmaps/RoadmapsPage.tsx
@@ -22,6 +22,7 @@ const groupNames = [
   'Databases',
   'Computer Science',
   'Machine Learning',
+  'Management',
   'Game Development',
   'Design',
   'DevOps',
@@ -337,11 +338,6 @@ const groups: GroupType[] = [
         link: '/technical-writer',
         type: 'role',
       },
-      {
-        title: 'Product Manager',
-        link: '/product-manager',
-        type: 'role',
-      },
       {
         title: 'DevRel Engineer',
         link: '/devrel',
@@ -379,6 +375,21 @@ const groups: GroupType[] = [
       },
     ],
   },
+  {
+    group: 'Management',
+    roadmaps: [
+      {
+        title: 'Product Manager',
+        link: '/product-manager',
+        type: 'role',
+      },
+      {
+        title: 'Engineering Manager',
+        link: '/engineering-manager',
+        type: 'role',
+      },
+    ],
+  },
   {
     group: 'Game Development',
     roadmaps: [
diff --git a/src/data/roadmaps/product-manager/product-manager.md b/src/data/roadmaps/product-manager/product-manager.md
index 7976f2615..f580ec887 100644
--- a/src/data/roadmaps/product-manager/product-manager.md
+++ b/src/data/roadmaps/product-manager/product-manager.md
@@ -27,6 +27,7 @@ relatedRoadmaps:
   - 'api-design'
   - 'design-system'
   - 'software-architect'
+  - 'engineering-manager'
 sitemap:
   priority: 1
   changefreq: monthly
diff --git a/src/data/roadmaps/software-architect/software-architect.md b/src/data/roadmaps/software-architect/software-architect.md
index ff19638d3..aa47a50d8 100644
--- a/src/data/roadmaps/software-architect/software-architect.md
+++ b/src/data/roadmaps/software-architect/software-architect.md
@@ -48,6 +48,7 @@ relatedRoadmaps:
   - 'golang'
   - 'java'
   - 'devops'
+  - 'engineering-manager'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/data/roadmaps/system-design/system-design.md b/src/data/roadmaps/system-design/system-design.md
index 841f71b83..d85f985f0 100644
--- a/src/data/roadmaps/system-design/system-design.md
+++ b/src/data/roadmaps/system-design/system-design.md
@@ -47,6 +47,7 @@ relatedRoadmaps:
   - 'java'
   - 'nodejs'
   - 'golang'
+  - 'engineering-manager'
 sitemap:
   priority: 1
   changefreq: 'monthly'
diff --git a/src/pages/get-started.astro b/src/pages/get-started.astro
index f96e007a5..04973281d 100644
--- a/src/pages/get-started.astro
+++ b/src/pages/get-started.astro
@@ -28,7 +28,15 @@ import {
   PenSquare,
   Component,
   Waypoints,
-  CheckSquare, Braces, FolderKanban, Coins, Megaphone, GitBranch,
+  CheckSquare,
+  Braces,
+  FolderKanban,
+  Coins,
+  Megaphone,
+  GitBranch,
+  UsersRoundIcon,
+  UsersRound,
+  SquareKanban,
 } from 'lucide-react';
 import { SectionBadge } from '../components/GetStarted/SectionBadge';
 import { TipItem } from '../components/GetStarted/TipItem';
@@ -223,10 +231,10 @@ import { TipItem } from '../components/GetStarted/TipItem';
       />
 
       <RoadmapCard
-          icon={Braces}
-          title='API Design'
-          link='/api-design'
-          description='Learn all you need to know to design robust APIs.'
+        icon={Braces}
+        title='API Design'
+        link='/api-design'
+        description='Learn all you need to know to design robust APIs.'
       />
     </div>
 
@@ -338,10 +346,10 @@ import { TipItem } from '../components/GetStarted/TipItem';
     />
 
     <RoadmapCard
-        icon={Bot}
-        title='AI Engineer'
-        link='/ai-engineer'
-        description='Learn all you need to become an AI Engineer.'
+      icon={Bot}
+      title='AI Engineer'
+      link='/ai-engineer'
+      description='Learn all you need to become an AI Engineer.'
     />
 
     <RoadmapCard
@@ -366,6 +374,25 @@ import { TipItem } from '../components/GetStarted/TipItem';
       description='Learn how to deploy and manage machine learning models.'
     />
   </RoleRoadmaps>
+  <RoleRoadmaps
+    badge='Product or Engineering Management'
+    title='Thinking about a career in management?'
+    description='How about diving into our product or engineering management roadmaps?'
+  >
+    <RoadmapCard
+      icon={SquareKanban}
+      title='Product Manager'
+      link='/product-manager'
+      description='Learn all you need to know to become a Product Manager.'
+    />
+
+    <RoadmapCard
+      icon={UsersRound}
+      title='Engineering Engineer'
+      link='/engineering-manager'
+      description='Learn all you need to become an Engineering Manager.'
+    />
+  </RoleRoadmaps>
   <RoleRoadmaps
     badge='More Roles'
     title='Fancy something else?'
@@ -385,10 +412,10 @@ import { TipItem } from '../components/GetStarted/TipItem';
         description='Learn all you need to know to become a UX Designer.'
       />
       <RoadmapCard
-          icon={Coins}
-          title='Blockchain'
-          link='/blockchain'
-          description='Learn all you need to know to become a Blockchain Developer.'
+        icon={Coins}
+        title='Blockchain'
+        link='/blockchain'
+        description='Learn all you need to know to become a Blockchain Developer.'
       />
     </div>
     <div class='flex flex-col justify-start gap-3'>
@@ -405,18 +432,18 @@ import { TipItem } from '../components/GetStarted/TipItem';
         description='Learn all you need to know to become a Technical Writer.'
       />
       <RoadmapCard
-          icon={Megaphone}
-          title='DevRel Engineer'
-          link='/devrel'
-          description='Learn all you need to know to become a DevRel Engineer.'
+        icon={Megaphone}
+        title='DevRel Engineer'
+        link='/devrel'
+        description='Learn all you need to know to become a DevRel Engineer.'
       />
     </div>
     <div class='flex flex-col justify-start gap-3'>
       <RoadmapCard
-          icon={FolderKanban}
-          title='Product Manager'
-          link='/product-manager'
-          description='Learn all you need to know to become a Project Manager.'
+        icon={FolderKanban}
+        title='Product Manager'
+        link='/product-manager'
+        description='Learn all you need to know to become a Project Manager.'
       />
       <RoadmapCard
         icon={Component}