Add flutter roadmap

components/home/featured-roadmaps-list.tsx

@@ -8,12 +8,18 @@ type FeaturedRoadmapsListProps = {
 };
 
 export const upcomingRoadmaps = [
-  // {
+  {
-  //   type: 'Role Based',
+    type: 'Role Based',
-  //   title: 'React Native',
+    title: 'React Native',
-  //   description: 'Step by step guide to become a React Native Developer',
+    description: 'Step by step guide to become a React Native Developer',
-  //   id: 'react-native'
+    id: 'react-native'
-  // },
+  },
+  {
+    type: 'Role Based',
+    title: 'Cyber Security',
+    description: 'Step by step guide to become a Cyber Security Expert',
+    id: 'cyber-security'
+  },
   {
     type: 'Skill Based',
     title: 'TypeScript',

content/roadmaps.json

@@ -1065,5 +1065,63 @@
     "contentPathsFilePath": "/roadmaps/116-aspnet-core/content-paths.json",
     "id": "aspnet-core",
     "metaPath": "/roadmaps/116-aspnet-core/meta.json"
+  },
+  {
+    "seo": {
+      "title": "Learn to become a modern Flutter developer",
+      "description": "Community driven, articles, resources, guides, interview questions, quizzes for flutter development. Learn to become a modern Flutter developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "keywords": [
+        "guide to becoming a flutter developer",
+        "guide to becoming a flutter developer",
+        "flutter developer",
+        "flutter engineer",
+        "flutter skills",
+        "guide to flutter",
+        "flutter roadmap",
+        "flutter skills",
+        "flutter skills test",
+        "skills for flutter",
+        "what is flutter",
+        "flutter quiz",
+        "flutter interview questions",
+        "flutter engineer roadmap",
+        "flutter developer roadmap",
+        "become a flutter developer",
+        "flutter developer career path",
+        "flutter developer",
+        "modern flutter developer"
+      ]
+    },
+    "title": "Flutter Developer",
+    "description": "Step by step guide to becoming a Flutter developer in 2022",
+    "featuredTitle": "Flutter",
+    "type": "role",
+    "featuredDescription": "Step by step guide to becoming a Flutter Developer in 2022",
+    "isTextHeavy": false,
+    "isCommunity": false,
+    "isUpcoming": false,
+    "featured": true,
+    "isNew": true,
+    "jsonUrl": "/project/flutter.json",
+    "versions": [
+      "latest",
+      "2018",
+      "2017"
+    ],
+    "author": {
+      "name": "Moien Tajik",
+      "url": "https://twitter.com/MoienTajik"
+    },
+    "pdfUrl": "/pdfs/flutter.pdf",
+    "relatedRoadmaps": [
+      "backend",
+      "devops",
+      "python",
+      "golang",
+      "java",
+      "nodejs"
+    ],
+    "id": "flutter",
+    "metaPath": "/roadmaps/117-flutter/meta.json"
   }
 ]

content/roadmaps/117-flutter/meta.json

@@ -0,0 +1,56 @@
+{
+  "seo": {
+    "title": "Learn to become a modern Flutter developer",
+    "description": "Community driven, articles, resources, guides, interview questions, quizzes for flutter development. Learn to become a modern Flutter developer by following the steps, skills, resources and guides listed in this roadmap.",
+    "keywords": [
+      "guide to becoming a flutter developer",
+      "guide to becoming a flutter developer",
+      "flutter developer",
+      "flutter engineer",
+      "flutter skills",
+      "guide to flutter",
+      "flutter roadmap",
+      "flutter skills",
+      "flutter skills test",
+      "skills for flutter",
+      "what is flutter",
+      "flutter quiz",
+      "flutter interview questions",
+      "flutter engineer roadmap",
+      "flutter developer roadmap",
+      "become a flutter developer",
+      "flutter developer career path",
+      "flutter developer",
+      "modern flutter developer"
+    ]
+  },
+  "title": "Flutter Developer",
+  "description": "Step by step guide to becoming a Flutter developer in 2022",
+  "featuredTitle": "Flutter",
+  "type": "role",
+  "featuredDescription": "Step by step guide to becoming a Flutter Developer in 2022",
+  "isTextHeavy": false,
+  "isCommunity": false,
+  "isUpcoming": false,
+  "featured": true,
+  "isNew": true,
+  "jsonUrl": "/project/flutter.json",
+  "versions": [
+    "latest",
+    "2018",
+    "2017"
+  ],
+  "author": {
+    "name": "Moien Tajik",
+    "url": "https://twitter.com/MoienTajik"
+  },
+  "pdfUrl": "/pdfs/flutter.pdf",
+  "relatedRoadmaps": [
+    "backend",
+    "devops",
+    "python",
+    "golang",
+    "java",
+    "nodejs"
+  ]
+}

lib/roadmap.ts

@@ -49,5 +49,5 @@ export function getFeaturedRoadmaps(): RoadmapType[] {
 }
 
 export function isInteractiveRoadmap(id: string): boolean {
-  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system', 'angular', 'software-architect', 'software-design-architecture', 'aspnet-core'].includes(id);
+  return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system', 'angular', 'software-architect', 'software-design-architecture', 'aspnet-core', 'flutter'].includes(id);
 }

pages/[roadmap]/interactive.tsx

@@ -179,6 +179,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['1278px', '2105px', '2748px', '2845px', '2845px', '2845px'];
   }
 
+  if (roadmap.id === 'flutter') {
+    minHeight = ['830px', '1534px', '1553px', '2093px', '2093px', '2093px'];
+  }
+
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}

public/sitemap.xml

@@ -114,6 +114,12 @@
               <lastmod>2022-10-25T04:49:30.309Z</lastmod>
               <priority>1.0</priority>
           </url>
+<url>
+              <loc>https://roadmap.sh/flutter</loc>
+              <changefreq>monthly</changefreq>
+              <lastmod>2022-10-28T14:54:32.514Z</lastmod>
+              <priority>1.0</priority>
+          </url>
 <url>
               <loc>https://roadmap.sh/guides/http-basic-authentication</loc>
               <changefreq>monthly</changefreq>