From 02883e50f009658112fcbd82bb40f7a42d064e22 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sun, 1 Jan 2023 18:16:35 +0400
Subject: [PATCH] Migrate old roadmaps

---
 bin/content-migrator.cjs                                        | 2 +-
 bin/roadmap-migrator.cjs                                        | 2 +-
 src/roadmaps/android/android.md                                 | 1 +
 src/roadmaps/angular/angular.md                                 | 1 +
 src/roadmaps/aspnet-core/aspnet-core.md                         | 1 +
 src/roadmaps/backend/backend.md                                 | 1 +
 .../backend/content/101-basic-frontend/102-javascript.md        | 2 +-
 src/roadmaps/backend/content/103-learn-a-language/100-go.md     | 2 +-
 src/roadmaps/backend/content/103-learn-a-language/102-java.md   | 2 +-
 .../backend/content/103-learn-a-language/105-javascript.md      | 2 +-
 src/roadmaps/backend/content/103-learn-a-language/106-python.md | 2 +-
 .../backend/content/106-relational-databases/100-postgresql.md  | 2 +-
 src/roadmaps/blockchain/blockchain.md                           | 1 +
 .../content/109-dapps/100-frontend-frameworks/100-react.md      | 2 +-
 .../content/109-dapps/100-frontend-frameworks/101-angular.md    | 2 +-
 .../content/109-dapps/100-frontend-frameworks/102-vue.md        | 2 +-
 .../content/109-dapps/107-supporting-languages/101-python.md    | 2 +-
 .../content/109-dapps/107-supporting-languages/102-go.md        | 2 +-
 src/roadmaps/computer-science/computer-science.md               | 1 +
 .../computer-science/content/101-pick-a-language/102-java.md    | 2 +-
 .../computer-science/content/101-pick-a-language/103-python.md  | 2 +-
 .../computer-science/content/101-pick-a-language/104-go.md      | 2 +-
 src/roadmaps/design-system/design-system.md                     | 1 +
 src/roadmaps/devops/content/100-language/100-python.md          | 2 +-
 src/roadmaps/devops/content/100-language/102-javascript.md      | 2 +-
 src/roadmaps/devops/content/100-language/103-go.md              | 2 +-
 src/roadmaps/devops/devops.md                                   | 1 +
 src/roadmaps/flutter/flutter.md                                 | 1 +
 src/roadmaps/frontend/content/103-javascript/index.md           | 2 +-
 .../frontend/content/111-pick-a-framework/100-react-js/index.md | 2 +-
 .../frontend/content/111-pick-a-framework/101-angular/index.md  | 2 +-
 .../frontend/content/111-pick-a-framework/102-vue-js/index.md   | 2 +-
 .../frontend/content/121-mobile-applications/102-flutter.md     | 2 +-
 .../frontend/content/122-desktop-applications/102-flutter.md    | 2 +-
 src/roadmaps/frontend/frontend.md                               | 1 +
 src/roadmaps/golang/golang.md                                   | 1 +
 src/roadmaps/graphql/graphql.md                                 | 1 +
 src/roadmaps/java/java.md                                       | 1 +
 src/roadmaps/javascript/javascript.md                           | 1 +
 src/roadmaps/nodejs/nodejs.md                                   | 1 +
 src/roadmaps/python/python.md                                   | 1 +
 src/roadmaps/qa/qa.md                                           | 1 +
 src/roadmaps/react/react.md                                     | 1 +
 .../content/104-programming-languages/100-java-kotlin-scala.md  | 2 +-
 .../content/104-programming-languages/101-python.md             | 2 +-
 .../content/104-programming-languages/103-go.md                 | 2 +-
 .../104-programming-languages/104-javascript-typescript.md      | 2 +-
 .../content/111-web-and-mobile/101-react-vue-angular.md         | 2 +-
 src/roadmaps/software-architect/software-architect.md           | 1 +
 .../software-design-architecture.md                             | 1 +
 src/roadmaps/vue/vue.md                                         | 1 +
 51 files changed, 51 insertions(+), 30 deletions(-)

diff --git a/bin/content-migrator.cjs b/bin/content-migrator.cjs
index ed2055eb6..b959e23e0 100644
--- a/bin/content-migrator.cjs
+++ b/bin/content-migrator.cjs
@@ -85,7 +85,7 @@ roadmapDirs.forEach((roadmapDirName) => {
         if (dedicatedMatches) {
           const [, href, title] = dedicatedMatches;
 
-          resourceLinks = [`- [${title}](${href})`, ...resourceLinks];
+          resourceLinks = [`- [Visit Dedicated ${title}](${href})`, ...resourceLinks];
         }
 
         resourceLinks = resourceLinks.join('\n');
diff --git a/bin/roadmap-migrator.cjs b/bin/roadmap-migrator.cjs
index 78e7f1440..feaef8cc9 100644
--- a/bin/roadmap-migrator.cjs
+++ b/bin/roadmap-migrator.cjs
@@ -76,7 +76,7 @@ oldRoadmaps.forEach((oldRoadmapPath) => {
     .replace(/<iframe/g, '<iframe class="w-full aspect-video mb-5"')
     .replace(/<iframe(.+?)\s?\/>/g, '<iframe$1></iframe>');
 
-  const hasJson = fs.existsSync(path.join(newAssetsPath, `/${roadmapId}.json`));
+  const hasJson = fs.existsSync(path.join(oldAssetsPath, `/project/${roadmapId}.json`));
 
   const newRoadmapMeta = {
     ...( hasJson ? { jsonUrl: `/jsons/${roadmapId}.json`} : {}),
diff --git a/src/roadmaps/android/android.md b/src/roadmaps/android/android.md
index 88005daf9..ff7145f4e 100644
--- a/src/roadmaps/android/android.md
+++ b/src/roadmaps/android/android.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/android.json"
 pdfUrl: "/pdfs/android.pdf"
 order: 4
 featuredTitle: "Android"
diff --git a/src/roadmaps/angular/angular.md b/src/roadmaps/angular/angular.md
index b1f7f7fce..2a0265792 100644
--- a/src/roadmaps/angular/angular.md
+++ b/src/roadmaps/angular/angular.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/angular.json"
 pdfUrl: "/pdfs/angular.pdf"
 order: 3
 featuredTitle: "Angular"
diff --git a/src/roadmaps/aspnet-core/aspnet-core.md b/src/roadmaps/aspnet-core/aspnet-core.md
index 8fa766e38..bafae5b8c 100644
--- a/src/roadmaps/aspnet-core/aspnet-core.md
+++ b/src/roadmaps/aspnet-core/aspnet-core.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/aspnet-core.json"
 pdfUrl: "/pdfs/aspnet-core.pdf"
 order: 9
 featuredTitle: "ASP.NET Core"
diff --git a/src/roadmaps/backend/backend.md b/src/roadmaps/backend/backend.md
index ed0f1504b..51909439c 100644
--- a/src/roadmaps/backend/backend.md
+++ b/src/roadmaps/backend/backend.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/backend.json"
 pdfUrl: "/pdfs/backend.pdf"
 order: 2
 featuredTitle: "Backend"
diff --git a/src/roadmaps/backend/content/101-basic-frontend/102-javascript.md b/src/roadmaps/backend/content/101-basic-frontend/102-javascript.md
index 1e7ecee5a..ed94eb9b6 100644
--- a/src/roadmaps/backend/content/101-basic-frontend/102-javascript.md
+++ b/src/roadmaps/backend/content/101-basic-frontend/102-javascript.md
@@ -8,7 +8,7 @@
 
 JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on.
 
-- [JavaScript Roadmap](/javascript)
+- [Visit Dedicated JavaScript Roadmap](/javascript)
 - [W3Schools – JavaScript Tutorial](https://www.w3schools.com/js/)
 - [The Modern JavaScript Tutorial](https://javascript.info/)
 - [Exploring JS: JavaScript books for programmers](https://exploringjs.com/)
diff --git a/src/roadmaps/backend/content/103-learn-a-language/100-go.md b/src/roadmaps/backend/content/103-learn-a-language/100-go.md
index 604ffbf66..b70d044aa 100644
--- a/src/roadmaps/backend/content/103-learn-a-language/100-go.md
+++ b/src/roadmaps/backend/content/103-learn-a-language/100-go.md
@@ -9,7 +9,7 @@
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.
 
-- [Go Roadmap](/golang)
+- [Visit Dedicated Go Roadmap](/golang)
 - [A Tour of Go – Go Basics](https://go.dev/tour/welcome/1)
 - [Go Reference Documentation](https://go.dev/doc/)
 - [Go by Example - annotated example programs](https://gobyexample.com/)
diff --git a/src/roadmaps/backend/content/103-learn-a-language/102-java.md b/src/roadmaps/backend/content/103-learn-a-language/102-java.md
index 18675e638..ccda6f537 100644
--- a/src/roadmaps/backend/content/103-learn-a-language/102-java.md
+++ b/src/roadmaps/backend/content/103-learn-a-language/102-java.md
@@ -9,7 +9,7 @@
 Java is general-purpose language, primarily used for Internet-based applications.
 It was created in 1995 by James Gosling at Sun Microsystems and is one of the most popular options for backend developers.
 
-- [Java Roadmap](/java)
+- [Visit Dedicated Java Roadmap](/java)
 - [Java Website](https://www.java.com/)
 - [Codeacademy - Free Course](https://www.codecademy.com/learn/learn-java)
 - [W3 Schools Tutorials](https://www.w3schools.com/java/)
diff --git a/src/roadmaps/backend/content/103-learn-a-language/105-javascript.md b/src/roadmaps/backend/content/103-learn-a-language/105-javascript.md
index 9e8dd13b2..1b2133d76 100644
--- a/src/roadmaps/backend/content/103-learn-a-language/105-javascript.md
+++ b/src/roadmaps/backend/content/103-learn-a-language/105-javascript.md
@@ -10,7 +10,7 @@ Apart from being used in the browser, JavaScript is also used in backend e.g. us
 
 If you pick up JavaScript for the Backend, my personal recommendation would be to learn [JavaScript](/javascript) and then go with [Node.js](/nodejs) as it is the most popular and widely used option. Also, I would recommend learning TypeScript later on as you continue with your backend development Journey; it's a superset of JavaScript and is used in many projects. 
 
-- [JavaScript Roadmap](/javascript)
+- [Visit Dedicated JavaScript Roadmap](/javascript)
 - [W3Schools – JavaScript Tutorial](https://www.w3schools.com/js/)
 - [The Modern JavaScript Tutorial](https://javascript.info/)
 - [Eloquent Javascript - Book](https://eloquentjavascript.net/)
diff --git a/src/roadmaps/backend/content/103-learn-a-language/106-python.md b/src/roadmaps/backend/content/103-learn-a-language/106-python.md
index 7a112ee60..68cca56e2 100644
--- a/src/roadmaps/backend/content/103-learn-a-language/106-python.md
+++ b/src/roadmaps/backend/content/103-learn-a-language/106-python.md
@@ -8,7 +8,7 @@
 
 Python is a well known programming language which is both a strongly typed and a dynamically typed language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedural or object-oriented programmatic ways.
 
-- [Python Roadmap](/python)
+- [Visit Dedicated Python Roadmap](/python)
 - [Python Website](https://www.python.org/)
 - [Python Getting Started](https://www.python.org/about/gettingstarted/)
 - [Automate the Boring Stuff](https://automatetheboringstuff.com/)
diff --git a/src/roadmaps/backend/content/106-relational-databases/100-postgresql.md b/src/roadmaps/backend/content/106-relational-databases/100-postgresql.md
index 4f32f9eef..1ddb4ea56 100644
--- a/src/roadmaps/backend/content/106-relational-databases/100-postgresql.md
+++ b/src/roadmaps/backend/content/106-relational-databases/100-postgresql.md
@@ -8,7 +8,7 @@
 
 PostgreSQL, also known as Postgres, is a free and open-source relational database management system emphasizing extensibility and SQL compliance.
 
-- [PostgreSQL DBA Roadmap](/postgresql-dba)
+- [Visit Dedicated PostgreSQL DBA Roadmap](/postgresql-dba)
 - [Official Website](https://www.postgresql.org/)
 - [What is PostgreSQL](https://www.geeksforgeeks.org/what-is-postgresql-introduction/)
 - [Learn PostgreSQL - Full Tutorial for Beginners](https://www.postgresqltutorial.com/)
diff --git a/src/roadmaps/blockchain/blockchain.md b/src/roadmaps/blockchain/blockchain.md
index e8b6e0d55..5610a25dc 100644
--- a/src/roadmaps/blockchain/blockchain.md
+++ b/src/roadmaps/blockchain/blockchain.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/blockchain.json"
 pdfUrl: "/pdfs/blockchain.pdf"
 order: 6
 featuredTitle: "Blockchain"
diff --git a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/100-react.md b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/100-react.md
index 00b7cf345..1720d466f 100644
--- a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/100-react.md
+++ b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/100-react.md
@@ -8,7 +8,7 @@
 
 React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.
 
-- [React Roadmap](/react)
+- [Visit Dedicated React Roadmap](/react)
 - [React Website](https://reactjs.org/)
 - [Official Getting Started](https://reactjs.org/tutorial/tutorial.html)
 - [The Beginners Guide to React](https://egghead.io/courses/the-beginner-s-guide-to-react)
diff --git a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/101-angular.md b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/101-angular.md
index 52c3b4a90..9de9d80cb 100644
--- a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/101-angular.md
+++ b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/101-angular.md
@@ -8,5 +8,5 @@
 
 Angular is a component based front-end development framework built on TypeScript which includes a collection of well-integrated libraries that include features like routing, forms management, client-server communication, and more.
 
-- [Angular Roadmap](/angular)
+- [Visit Dedicated Angular Roadmap](/angular)
 - [Official - Getting started with Angular](https://angular.io/start)
\ No newline at end of file
diff --git a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/102-vue.md b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/102-vue.md
index 60bf95386..ddf3f9be2 100644
--- a/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/102-vue.md
+++ b/src/roadmaps/blockchain/content/109-dapps/100-frontend-frameworks/102-vue.md
@@ -8,7 +8,7 @@
 
 Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. It is mainly focused on front end development.
 
-- [Vue Roadmap](/vue)
+- [Visit Dedicated Vue Roadmap](/vue)
 - [Vue.js Website](https://vuejs.org/)
 - [Official Getting Started](https://vuejs.org/v2/guide/)
 - [Vue.js Course for Beginners](https://www.youtube.com/watch?v=FXpIoQ_rT_c)
diff --git a/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/101-python.md b/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/101-python.md
index 38157d76d..68b1caf6a 100644
--- a/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/101-python.md
+++ b/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/101-python.md
@@ -8,7 +8,7 @@
 
 Python is a well known programming language which is both a strongly typed and a dynamically typed language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedural or object-oriented programmatic ways.
 
-- [Python Roadmap](/python)
+- [Visit Dedicated Python Roadmap](/python)
 - [Python Website](https://www.python.org/)
 - [Python Getting Started](https://www.python.org/about/gettingstarted/)
 - [W3Schools - Python Tutorial ](https://www.w3schools.com/python/)
diff --git a/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/102-go.md b/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/102-go.md
index aa993745b..f05437be3 100644
--- a/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/102-go.md
+++ b/src/roadmaps/blockchain/content/109-dapps/107-supporting-languages/102-go.md
@@ -9,7 +9,7 @@
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.
 
-- [Go Roadmap](/golang)
+- [Visit Dedicated Go Roadmap](/golang)
 - [A Tour of Go – Go Basics](https://go.dev/tour/welcome/1)
 - [Go Reference Documentation](https://go.dev/doc/)
 - [Go by Example - annotated example programs](https://gobyexample.com/)
diff --git a/src/roadmaps/computer-science/computer-science.md b/src/roadmaps/computer-science/computer-science.md
index f74d686dd..2f6a919c9 100644
--- a/src/roadmaps/computer-science/computer-science.md
+++ b/src/roadmaps/computer-science/computer-science.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/computer-science.json"
 pdfUrl: "/pdfs/computer-science.pdf"
 order: 1
 featuredTitle: "Computer Science"
diff --git a/src/roadmaps/computer-science/content/101-pick-a-language/102-java.md b/src/roadmaps/computer-science/content/101-pick-a-language/102-java.md
index 51e7b401e..a6784eded 100644
--- a/src/roadmaps/computer-science/content/101-pick-a-language/102-java.md
+++ b/src/roadmaps/computer-science/content/101-pick-a-language/102-java.md
@@ -9,7 +9,7 @@ description='Click to check the detailed Java Roadmap.'
 Java is general-purpose language, primarily used for Internet-based applications.
 It was created in 1995 by James Gosling at Sun Microsystems and is one of the most popular options for backend developers.
 
-- [Java Roadmap](/java)
+- [Visit Dedicated Java Roadmap](/java)
 - [Java Website](https://www.java.com/)
 - [Codeacademy - Free Course](https://www.codecademy.com/learn/learn-java)
 - [W3 Schools Tutorials](https://www.w3schools.com/java/)
diff --git a/src/roadmaps/computer-science/content/101-pick-a-language/103-python.md b/src/roadmaps/computer-science/content/101-pick-a-language/103-python.md
index 7b08eb56a..8a103785e 100644
--- a/src/roadmaps/computer-science/content/101-pick-a-language/103-python.md
+++ b/src/roadmaps/computer-science/content/101-pick-a-language/103-python.md
@@ -8,7 +8,7 @@ description='Click to check the detailed Python Roadmap.'
 
 Python is a well known programming language which is both a strongly typed and a dynamically typed language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedural or object-oriented programmatic ways.
 
-- [Python Roadmap](/python)
+- [Visit Dedicated Python Roadmap](/python)
 - [Python Website](https://www.python.org/)
 - [Python Getting Started](https://www.python.org/about/gettingstarted/)
 - [Automate the Boring Stuff](https://automatetheboringstuff.com/)
diff --git a/src/roadmaps/computer-science/content/101-pick-a-language/104-go.md b/src/roadmaps/computer-science/content/101-pick-a-language/104-go.md
index 786f0195e..051492b14 100644
--- a/src/roadmaps/computer-science/content/101-pick-a-language/104-go.md
+++ b/src/roadmaps/computer-science/content/101-pick-a-language/104-go.md
@@ -9,7 +9,7 @@ description='Click to check the detailed Go Roadmap.'
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.
 
-- [Go Roadmap](/golang)
+- [Visit Dedicated Go Roadmap](/golang)
 - [A Tour of Go – Go Basics](https://go.dev/tour/welcome/1)
 - [Go Reference Documentation](https://go.dev/doc/)
 - [Go by Example - annotated example programs](https://gobyexample.com/)
diff --git a/src/roadmaps/design-system/design-system.md b/src/roadmaps/design-system/design-system.md
index 1cb828bb0..a7871008d 100644
--- a/src/roadmaps/design-system/design-system.md
+++ b/src/roadmaps/design-system/design-system.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/design-system.json"
 pdfUrl: "/pdfs/design-system.pdf"
 order: 10
 featuredTitle: "Design System"
diff --git a/src/roadmaps/devops/content/100-language/100-python.md b/src/roadmaps/devops/content/100-language/100-python.md
index a9c400a27..2ae36dbc3 100644
--- a/src/roadmaps/devops/content/100-language/100-python.md
+++ b/src/roadmaps/devops/content/100-language/100-python.md
@@ -8,7 +8,7 @@
 
 Python is a multi-paradigm language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedural or object-oriented programmatic ways.  Python is frequently recommended as the first language new coders should learn, because of its focus on readability, consistency, and ease of use.  This comes with some downsides, as the language is not especially performant in most production tasks.
 
-- [Python Roadmap](/python)
+- [Visit Dedicated Python Roadmap](/python)
 - [Python Website](https://www.python.org/)
 - [Python Getting Started](https://www.python.org/about/gettingstarted/)
 - [Automate the Boring Stuff](https://automatetheboringstuff.com/)
diff --git a/src/roadmaps/devops/content/100-language/102-javascript.md b/src/roadmaps/devops/content/100-language/102-javascript.md
index 0c206838d..ed7600715 100644
--- a/src/roadmaps/devops/content/100-language/102-javascript.md
+++ b/src/roadmaps/devops/content/100-language/102-javascript.md
@@ -8,7 +8,7 @@
 
 JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on. Apart from being used on the frontend in browsers, there is Node.js which is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
 
-- [JavaScript Roadmap](/javascript)
+- [Visit Dedicated JavaScript Roadmap](/javascript)
 - [W3Schools – JavaScript Tutorial](https://www.w3schools.com/js/)
 - [The Modern JavaScript Tutorial](https://javascript.info/)
 - [Codecademy - Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript)
diff --git a/src/roadmaps/devops/content/100-language/103-go.md b/src/roadmaps/devops/content/100-language/103-go.md
index 927e0bea7..491caf2a0 100644
--- a/src/roadmaps/devops/content/100-language/103-go.md
+++ b/src/roadmaps/devops/content/100-language/103-go.md
@@ -8,7 +8,7 @@
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.
 
-- [Go Roadmap](/golang)
+- [Visit Dedicated Go Roadmap](/golang)
 - [A Tour of Go – Go Basics](https://go.dev/tour/welcome/1)
 - [Go Reference Documentation](https://go.dev/doc/)
 - [Go by Example - annotated example programs](https://gobyexample.com/)
diff --git a/src/roadmaps/devops/devops.md b/src/roadmaps/devops/devops.md
index 74e4fdc17..aa53a407b 100644
--- a/src/roadmaps/devops/devops.md
+++ b/src/roadmaps/devops/devops.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/devops.json"
 pdfUrl: "/pdfs/devops.pdf"
 order: 3
 featuredTitle: "DevOps"
diff --git a/src/roadmaps/flutter/flutter.md b/src/roadmaps/flutter/flutter.md
index 0968cd5cc..b4e829b39 100644
--- a/src/roadmaps/flutter/flutter.md
+++ b/src/roadmaps/flutter/flutter.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/flutter.json"
 pdfUrl: "/pdfs/flutter.pdf"
 order: 10
 featuredTitle: "Flutter"
diff --git a/src/roadmaps/frontend/content/103-javascript/index.md b/src/roadmaps/frontend/content/103-javascript/index.md
index b861d3b2a..859e43bf5 100644
--- a/src/roadmaps/frontend/content/103-javascript/index.md
+++ b/src/roadmaps/frontend/content/103-javascript/index.md
@@ -8,7 +8,7 @@
 
 JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on.
 
-- [JavaScript Roadmap](/javascript)
+- [Visit Dedicated JavaScript Roadmap](/javascript)
 - [W3Schools – JavaScript Tutorial](https://www.w3schools.com/js/)
 - [The Modern JavaScript Tutorial](https://javascript.info/)
 - [Learn JavaScript: Covered many topics](https://www.javascripttutorial.net/)
diff --git a/src/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md b/src/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md
index ce89f306f..89bd12a71 100644
--- a/src/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md
+++ b/src/roadmaps/frontend/content/111-pick-a-framework/100-react-js/index.md
@@ -8,7 +8,7 @@
 
 React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.
 
-- [React Roadmap](/react)
+- [Visit Dedicated React Roadmap](/react)
 - [React Website](https://reactjs.org/)
 - [Official Getting Started](https://reactjs.org/tutorial/tutorial.html)
 - [Beta React Docs](https://beta.reactjs.org/)
diff --git a/src/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md b/src/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md
index 9f8c54174..1933eeeb5 100644
--- a/src/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md
+++ b/src/roadmaps/frontend/content/111-pick-a-framework/101-angular/index.md
@@ -8,6 +8,6 @@
 
 Angular is a component based front-end development framework built on TypeScript which includes a collection of well-integrated libraries that include features like routing, forms management, client-server communication, and more.
 
-- [Angular Roadmap](/angular)
+- [Visit Dedicated Angular Roadmap](/angular)
 - [Official - Getting started with Angular](https://angular.io/start)
 - [Angular for Beginners Course [Full Front End Tutorial with TypeScript]](https://www.youtube.com/watch?v=3qBXWUpoPHo)
diff --git a/src/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md b/src/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md
index 62d2ee626..58ade231b 100644
--- a/src/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md
+++ b/src/roadmaps/frontend/content/111-pick-a-framework/102-vue-js/index.md
@@ -8,7 +8,7 @@
 
 Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. It is mainly focused on front end development.
 
-- [Vue Roadmap](/vue)
+- [Visit Dedicated Vue Roadmap](/vue)
 - [Vue.js Website](https://vuejs.org/)
 - [Official Getting Started](https://vuejs.org/v2/guide/)
 - [Vue.js Course for Beginners](https://www.youtube.com/watch?v=FXpIoQ_rT_c)
diff --git a/src/roadmaps/frontend/content/121-mobile-applications/102-flutter.md b/src/roadmaps/frontend/content/121-mobile-applications/102-flutter.md
index 3994a2ea5..fd3b31fb5 100644
--- a/src/roadmaps/frontend/content/121-mobile-applications/102-flutter.md
+++ b/src/roadmaps/frontend/content/121-mobile-applications/102-flutter.md
@@ -18,7 +18,7 @@ Dart focuses on front-end development, and you can use it to create mobile and w
 
 If you know a bit of programming, Dart is a typed object programming language. You can compare Dart's syntax to JavaScript.
 
-- [Flutter Roadmap](/flutter)
+- [Visit Dedicated Flutter Roadmap](/flutter)
 - [Flutter Website](https://flutter.dev)
 - [Flutter Tutorial](https://www.w3adda.com/flutter-tutorial)
 - [Flutter Tutorial for Beginners](https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ)
diff --git a/src/roadmaps/frontend/content/122-desktop-applications/102-flutter.md b/src/roadmaps/frontend/content/122-desktop-applications/102-flutter.md
index 78d92f203..3a2e80413 100644
--- a/src/roadmaps/frontend/content/122-desktop-applications/102-flutter.md
+++ b/src/roadmaps/frontend/content/122-desktop-applications/102-flutter.md
@@ -8,7 +8,7 @@ description='Click to check the detailed Flutter Roadmap.'
 
 Flutter is a free and open-source multi-platform UI framework created by Google and released in May 2017. In a few words, it allows you to create a native mobile application with only one codebase. This means that you can use one programming language and one codebase to create three different apps (for iOS, Android and Desktop).
 
-- [Flutter Roadmap](/flutter)
+- [Visit Dedicated Flutter Roadmap](/flutter)
 - [Flutter Website](https://flutter.dev)
 - [Flutter for Desktop](https://flutter.dev/multi-platform/desktop)
 - [Flutter Tutorial](https://www.w3adda.com/flutter-tutorial)
diff --git a/src/roadmaps/frontend/frontend.md b/src/roadmaps/frontend/frontend.md
index 076b5787b..f5bc97d7c 100644
--- a/src/roadmaps/frontend/frontend.md
+++ b/src/roadmaps/frontend/frontend.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/frontend.json"
 pdfUrl: "/pdfs/frontend.pdf"
 order: 1
 featuredTitle: "Frontend"
diff --git a/src/roadmaps/golang/golang.md b/src/roadmaps/golang/golang.md
index e398f7ce8..db5aa82d5 100644
--- a/src/roadmaps/golang/golang.md
+++ b/src/roadmaps/golang/golang.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/golang.json"
 pdfUrl: "/pdfs/golang.pdf"
 order: 8
 featuredTitle: "Go"
diff --git a/src/roadmaps/graphql/graphql.md b/src/roadmaps/graphql/graphql.md
index 20d4a1308..f71b7ccd2 100644
--- a/src/roadmaps/graphql/graphql.md
+++ b/src/roadmaps/graphql/graphql.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/graphql.json"
 pdfUrl: "/pdfs/graphql.pdf"
 order: 12
 featuredTitle: "GraphQL"
diff --git a/src/roadmaps/java/java.md b/src/roadmaps/java/java.md
index f9c697d76..424d00d80 100644
--- a/src/roadmaps/java/java.md
+++ b/src/roadmaps/java/java.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/java.json"
 pdfUrl: "/pdfs/java.pdf"
 order: 9
 featuredTitle: "Java"
diff --git a/src/roadmaps/javascript/javascript.md b/src/roadmaps/javascript/javascript.md
index 904a4a3a4..45ccd842a 100644
--- a/src/roadmaps/javascript/javascript.md
+++ b/src/roadmaps/javascript/javascript.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/javascript.json"
 pdfUrl: "/pdfs/javascript.pdf"
 order: 5
 featuredTitle: "JavaScript"
diff --git a/src/roadmaps/nodejs/nodejs.md b/src/roadmaps/nodejs/nodejs.md
index a9f8b9923..2222dc28b 100644
--- a/src/roadmaps/nodejs/nodejs.md
+++ b/src/roadmaps/nodejs/nodejs.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/nodejs.json"
 pdfUrl: "/pdfs/nodejs.pdf"
 order: 6
 featuredTitle: "Node.js"
diff --git a/src/roadmaps/python/python.md b/src/roadmaps/python/python.md
index 53834d756..fd3fc5a98 100644
--- a/src/roadmaps/python/python.md
+++ b/src/roadmaps/python/python.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/python.json"
 pdfUrl: "/pdfs/python.pdf"
 order: 7
 featuredTitle: "Python"
diff --git a/src/roadmaps/qa/qa.md b/src/roadmaps/qa/qa.md
index 9b354eb6e..9128adc7a 100644
--- a/src/roadmaps/qa/qa.md
+++ b/src/roadmaps/qa/qa.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/qa.json"
 pdfUrl: "/pdfs/qa.pdf"
 order: 7
 featuredTitle: "QA"
diff --git a/src/roadmaps/react/react.md b/src/roadmaps/react/react.md
index bb549dffb..30b61fb70 100644
--- a/src/roadmaps/react/react.md
+++ b/src/roadmaps/react/react.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/react.json"
 pdfUrl: "/pdfs/react.pdf"
 order: 2
 featuredTitle: "React"
diff --git a/src/roadmaps/software-architect/content/104-programming-languages/100-java-kotlin-scala.md b/src/roadmaps/software-architect/content/104-programming-languages/100-java-kotlin-scala.md
index 3dad4f594..f1439fe6b 100644
--- a/src/roadmaps/software-architect/content/104-programming-languages/100-java-kotlin-scala.md
+++ b/src/roadmaps/software-architect/content/104-programming-languages/100-java-kotlin-scala.md
@@ -6,7 +6,7 @@
 
 # Java/Kotlin/Scala
 
-- [Java Roadmap](/java)
+- [Visit Dedicated Java Roadmap](/java)
 - [Java Basics](https://www.w3schools.com/java/)
 - [Learn the basics of Kotlin](https://blog.teamtreehouse.com/absolute-beginners-guide-kotlin)
 - [Kotlin Docs](https://kotlinlang.org/docs/reference/basic-syntax.html)
diff --git a/src/roadmaps/software-architect/content/104-programming-languages/101-python.md b/src/roadmaps/software-architect/content/104-programming-languages/101-python.md
index a9c400a27..2ae36dbc3 100644
--- a/src/roadmaps/software-architect/content/104-programming-languages/101-python.md
+++ b/src/roadmaps/software-architect/content/104-programming-languages/101-python.md
@@ -8,7 +8,7 @@
 
 Python is a multi-paradigm language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedural or object-oriented programmatic ways.  Python is frequently recommended as the first language new coders should learn, because of its focus on readability, consistency, and ease of use.  This comes with some downsides, as the language is not especially performant in most production tasks.
 
-- [Python Roadmap](/python)
+- [Visit Dedicated Python Roadmap](/python)
 - [Python Website](https://www.python.org/)
 - [Python Getting Started](https://www.python.org/about/gettingstarted/)
 - [Automate the Boring Stuff](https://automatetheboringstuff.com/)
diff --git a/src/roadmaps/software-architect/content/104-programming-languages/103-go.md b/src/roadmaps/software-architect/content/104-programming-languages/103-go.md
index afd27010d..474c5935a 100644
--- a/src/roadmaps/software-architect/content/104-programming-languages/103-go.md
+++ b/src/roadmaps/software-architect/content/104-programming-languages/103-go.md
@@ -9,7 +9,7 @@
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.
 
-- [Go Roadmap](/golang)
+- [Visit Dedicated Go Roadmap](/golang)
 - [A Tour of Go – Go Basics](https://go.dev/tour/welcome/1)
 - [Go Reference Documentation](https://go.dev/doc/)
 - [Go by Example - annotated example programs](https://gobyexample.com/)
diff --git a/src/roadmaps/software-architect/content/104-programming-languages/104-javascript-typescript.md b/src/roadmaps/software-architect/content/104-programming-languages/104-javascript-typescript.md
index 021f5d71a..dfeafae2b 100644
--- a/src/roadmaps/software-architect/content/104-programming-languages/104-javascript-typescript.md
+++ b/src/roadmaps/software-architect/content/104-programming-languages/104-javascript-typescript.md
@@ -8,7 +8,7 @@
 
 JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on. Apart from being used on the frontend in browsers, there is Node.js which is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
 
-- [JavaScript Roadmap](/javascript)
+- [Visit Dedicated JavaScript Roadmap](/javascript)
 - [W3Schools – JavaScript Tutorial](https://www.w3schools.com/js/)
 - [The Modern JavaScript Tutorial](https://javascript.info/)
 - [Codecademy - Learn JavaScript](https://www.codecademy.com/learn/introduction-to-javascript)
diff --git a/src/roadmaps/software-architect/content/111-web-and-mobile/101-react-vue-angular.md b/src/roadmaps/software-architect/content/111-web-and-mobile/101-react-vue-angular.md
index 0e17ff0c9..f8d28974e 100644
--- a/src/roadmaps/software-architect/content/111-web-and-mobile/101-react-vue-angular.md
+++ b/src/roadmaps/software-architect/content/111-web-and-mobile/101-react-vue-angular.md
@@ -8,7 +8,7 @@
 
 React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.
 
-- [React Roadmap](/react)
+- [Visit Dedicated React Roadmap](/react)
 - [React Website](https://reactjs.org/)
 - [Official Getting Started](https://reactjs.org/tutorial/tutorial.html)
 - [Beta React Docs](https://beta.reactjs.org/)
diff --git a/src/roadmaps/software-architect/software-architect.md b/src/roadmaps/software-architect/software-architect.md
index 62591b1d7..fd26d96db 100644
--- a/src/roadmaps/software-architect/software-architect.md
+++ b/src/roadmaps/software-architect/software-architect.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/software-architect.json"
 pdfUrl: "/pdfs/software-architect.pdf"
 order: 8
 featuredTitle: "Software Architect"
diff --git a/src/roadmaps/software-design-architecture/software-design-architecture.md b/src/roadmaps/software-design-architecture/software-design-architecture.md
index e1a834df1..09bc7a327 100644
--- a/src/roadmaps/software-design-architecture/software-design-architecture.md
+++ b/src/roadmaps/software-design-architecture/software-design-architecture.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/software-design-architecture.json"
 pdfUrl: "/pdfs/software-design-architecture.pdf"
 order: 11
 featuredTitle: "Software Design"
diff --git a/src/roadmaps/vue/vue.md b/src/roadmaps/vue/vue.md
index 98afa1e8e..60043327b 100644
--- a/src/roadmaps/vue/vue.md
+++ b/src/roadmaps/vue/vue.md
@@ -1,4 +1,5 @@
 ---
+jsonUrl: "/jsons/vue.json"
 pdfUrl: "/pdfs/vue.pdf"
 order: 4
 featuredTitle: "Vue"