diff --git a/components/md-renderer/mdx-components/badge-link.tsx b/components/md-renderer/mdx-components/badge-link.tsx
index 17daa8211..3c30aae3e 100644
--- a/components/md-renderer/mdx-components/badge-link.tsx
+++ b/components/md-renderer/mdx-components/badge-link.tsx
@@ -5,16 +5,18 @@ type BadgeLinkType = {
   target: string;
   badgeText: string;
   href: string;
+  colorScheme?: string;
   children: React.ReactNode
 };
 
 export function BadgeLink(props: BadgeLinkType) {
-  const { target = '_blank', badgeText, href, children } = props;
+  const { target = '_blank', colorScheme='purple', badgeText, href, children } = props;
 
   return (
     <Text mb={0}>
-      <Link fontWeight={500} textDecoration='underline' href={href} target={target}>
-        <Badge colorScheme={'purple'} style={{ position: 'relative', top: '-2px' }}>{badgeText}</Badge> {children}
+      <Link color='blue.700' fontWeight={500} textDecoration='none' href={href} target={target} _hover={{ textDecoration: 'none', color: 'purple.400' }}>
+        <Badge mr='10px' colorScheme={colorScheme} pos='relative' top='-2px'>{badgeText}</Badge>
+        {children}
       </Link>
     </Text>
   );
diff --git a/components/roadmap/edit-content-page-link.tsx b/components/roadmap/edit-content-page-link.tsx
new file mode 100644
index 000000000..a744d40de
--- /dev/null
+++ b/components/roadmap/edit-content-page-link.tsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import { Box, Button, Divider, Link, Text } from '@chakra-ui/react';
+
+type EditContentPageLinkProps = {
+  href: string;
+};
+
+export function EditContentPageLink(props: EditContentPageLinkProps) {
+  const { href } = props;
+
+  return (
+    <Box my='30px'>
+      <Divider mb="15px" orientation="horizontal" />
+      <Text
+        lineHeight="23px"
+        fontWeight={500}
+        fontSize="14px"
+        color="gray.500"
+        mb="10px"
+      >
+        This page is a work in progress. Help us by writing a small
+        introduction to the topic and suggesting a few links to read more
+        about this topic.
+      </Text>
+      <Button
+        size="sm"
+        py="20px"
+        as={Link}
+        href={href}
+        target="_blank"
+        isFullWidth
+        colorScheme={'purple'}
+        _hover={{ textDecoration: 'none' }}
+      >
+        Edit this Page
+      </Button>
+    </Box>
+  );
+}
diff --git a/components/roadmap/roadmap-page-header.tsx b/components/roadmap/roadmap-page-header.tsx
index 8b1ac8768..6bc5a4236 100644
--- a/components/roadmap/roadmap-page-header.tsx
+++ b/components/roadmap/roadmap-page-header.tsx
@@ -1,6 +1,6 @@
 import { RoadmapType } from '../../lib/roadmap';
 import { NewAlertBanner } from './new-alert-banner';
-import { Button, Link, Stack, Text } from '@chakra-ui/react';
+import { Button, Link, Stack, Tab, TabList, Tabs, Text } from '@chakra-ui/react';
 import { AtSignIcon, DownloadIcon } from '@chakra-ui/icons';
 import { PageHeader } from '../page-header';
 import React from 'react';
diff --git a/content/roadmaps/100-frontend/content/100-internet/100-how-does-the-internet-work.md b/content/roadmaps/100-frontend/content/100-internet/100-how-does-the-internet-work.md
index 04b082d57..98a0d9094 100644
--- a/content/roadmaps/100-frontend/content/100-internet/100-how-does-the-internet-work.md
+++ b/content/roadmaps/100-frontend/content/100-internet/100-how-does-the-internet-work.md
@@ -1 +1 @@
-internet:how-does-the-internet-work
\ No newline at end of file
+# Internet
diff --git a/content/roadmaps/100-frontend/content/100-internet/101-what-is-http.md b/content/roadmaps/100-frontend/content/100-internet/101-what-is-http.md
index 9ea406e37..253093b15 100644
--- a/content/roadmaps/100-frontend/content/100-internet/101-what-is-http.md
+++ b/content/roadmaps/100-frontend/content/100-internet/101-what-is-http.md
@@ -1 +1 @@
-internet:what-is-http
\ No newline at end of file
+# What is HTTP?
diff --git a/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md b/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
index 0b967f6da..141439a53 100644
--- a/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
+++ b/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
@@ -1,2 +1 @@
-## Browsers
-Browsers let you open stuff and see stuff in the browser.
+# Browsers
diff --git a/content/roadmaps/100-frontend/content/100-internet/103-dns-and-how-it-works.md b/content/roadmaps/100-frontend/content/100-internet/103-dns-and-how-it-works.md
index 1ab76491c..5947d3e95 100644
--- a/content/roadmaps/100-frontend/content/100-internet/103-dns-and-how-it-works.md
+++ b/content/roadmaps/100-frontend/content/100-internet/103-dns-and-how-it-works.md
@@ -1 +1 @@
-internet:dns-and-how-it-works
\ No newline at end of file
+# DNS
diff --git a/content/roadmaps/100-frontend/content/100-internet/104-what-is-domain-name.md b/content/roadmaps/100-frontend/content/100-internet/104-what-is-domain-name.md
index f115e446b..7755ea061 100644
--- a/content/roadmaps/100-frontend/content/100-internet/104-what-is-domain-name.md
+++ b/content/roadmaps/100-frontend/content/100-internet/104-what-is-domain-name.md
@@ -1 +1 @@
-internet:what-is-domain-name
\ No newline at end of file
+# Domain Name
diff --git a/content/roadmaps/100-frontend/content/100-internet/105-what-is-hosting.md b/content/roadmaps/100-frontend/content/100-internet/105-what-is-hosting.md
index d3767767f..6d3489888 100644
--- a/content/roadmaps/100-frontend/content/100-internet/105-what-is-hosting.md
+++ b/content/roadmaps/100-frontend/content/100-internet/105-what-is-hosting.md
@@ -1 +1 @@
-internet:what-is-hosting
\ No newline at end of file
+# Hosting
diff --git a/content/roadmaps/100-frontend/content/100-internet/readme.md b/content/roadmaps/100-frontend/content/100-internet/readme.md
index 93d3f30cb..afd51fb0e 100644
--- a/content/roadmaps/100-frontend/content/100-internet/readme.md
+++ b/content/roadmaps/100-frontend/content/100-internet/readme.md
@@ -1,6 +1,8 @@
 # Internet
 
-Since the explosive growth of web-based applications, every developer could stand to benefit from understanding how the Internet works. In this article, accompanied with an introductory series of short videos about the Internet from code.org, you will learn the basics of the Internet and how it works. After going through this article, you will be able to answer the below questions:
+The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
 
-- [Browsers](/frontend/internet:how-does-the-internet-work)
-- [DNS and how it Works?](/frontend/internet:how-does-the-internet-work)
+<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=x3c1ih2NJEg'>How does the Internet work?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.vox.com/2014/6/16/18076282/the-internet'>The Internet Explained</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm'>How Does the Internet Work?</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md b/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md
index 54ecbcbf9..8819f0624 100644
--- a/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md
+++ b/content/roadmaps/100-frontend/content/101-html/100-learn-the-basics.md
@@ -1 +1 @@
-html:learn-the-basics
\ No newline at end of file
+# Learn the basics
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md b/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md
index 9d705e56c..3aecdfad6 100644
--- a/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md
+++ b/content/roadmaps/100-frontend/content/101-html/101-writing-semantic-html.md
@@ -1 +1 @@
-html:writing-semantic-html
\ No newline at end of file
+# Writing semantic html
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md b/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
index ba3d64c91..bfd8635a2 100644
--- a/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
+++ b/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
@@ -1 +1 @@
-html:forms-and-validations
\ No newline at end of file
+# Forms and validations
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/101-html/103-conventions-and-best-practices.md b/content/roadmaps/100-frontend/content/101-html/103-conventions-and-best-practices.md
index 2f537ca69..fba4d4986 100644
--- a/content/roadmaps/100-frontend/content/101-html/103-conventions-and-best-practices.md
+++ b/content/roadmaps/100-frontend/content/101-html/103-conventions-and-best-practices.md
@@ -1 +1 @@
-html:conventions-and-best-practices
\ No newline at end of file
+# Conventions and best practices
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
index d6a793260..55ffef6e3 100644
--- a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
+++ b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
@@ -1 +1 @@
-html:accessibility
\ No newline at end of file
+# Accessibility
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/101-html/105-seo-basics.md b/content/roadmaps/100-frontend/content/101-html/105-seo-basics.md
index d6a2c08d7..75822590c 100644
--- a/content/roadmaps/100-frontend/content/101-html/105-seo-basics.md
+++ b/content/roadmaps/100-frontend/content/101-html/105-seo-basics.md
@@ -1 +1 @@
-html:seo-basics
\ No newline at end of file
+# Basics of SEO
diff --git a/content/roadmaps/100-frontend/content/101-html/readme.md b/content/roadmaps/100-frontend/content/101-html/readme.md
index 724f4d4c5..647811ad7 100644
--- a/content/roadmaps/100-frontend/content/101-html/readme.md
+++ b/content/roadmaps/100-frontend/content/101-html/readme.md
@@ -1 +1 @@
-html
\ No newline at end of file
+# HTML
diff --git a/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md b/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md
index 3422452f1..8819f0624 100644
--- a/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md
+++ b/content/roadmaps/100-frontend/content/102-css/100-learn-the-basics.md
@@ -1 +1 @@
-css:learn-the-basics
\ No newline at end of file
+# Learn the basics
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md b/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md
index bf2f9e3b9..f9f691f09 100644
--- a/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md
+++ b/content/roadmaps/100-frontend/content/102-css/101-making-layouts.md
@@ -1 +1 @@
-css:making-layouts
\ No newline at end of file
+# Making layouts
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md b/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
index 5c7590ee2..2c8eb9fb1 100644
--- a/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
+++ b/content/roadmaps/100-frontend/content/102-css/102-responsive-design-and-media-queries.md
@@ -1 +1 @@
-css:responsive-design-and-media-queries
\ No newline at end of file
+# Responsive Design
diff --git a/content/roadmaps/100-frontend/content/102-css/readme.md b/content/roadmaps/100-frontend/content/102-css/readme.md
index 493ec68a9..77d84371c 100644
--- a/content/roadmaps/100-frontend/content/102-css/readme.md
+++ b/content/roadmaps/100-frontend/content/102-css/readme.md
@@ -1 +1 @@
-css
\ No newline at end of file
+# Css
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/100-syntax-and-basic-constructs.md b/content/roadmaps/100-frontend/content/103-javascript/100-syntax-and-basic-constructs.md
index cbeb2d03c..4f1bd63aa 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/100-syntax-and-basic-constructs.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/100-syntax-and-basic-constructs.md
@@ -1 +1 @@
-javascript:syntax-and-basic-constructs
\ No newline at end of file
+# Syntax and basic constructs
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
index 444a463f0..78cca86a2 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/101-learn-dom-manipulation.md
@@ -1 +1 @@
-javascript:learn-dom-manipulation
\ No newline at end of file
+# Learn dom manipulation
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md b/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
index f9e99eacd..ba04d1605 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/102-learn-fetch-api-ajax-xhr.md
@@ -1 +1 @@
-javascript:learn-fetch-api-ajax-xhr
\ No newline at end of file
+# Learn fetch api ajax xhr
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md
index ce8d98480..49dd98ed1 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/103-es6-and-modular-javascript.md
@@ -1 +1 @@
-javascript:es6-and-modular-javascript
\ No newline at end of file
+# Es6 and modular javascript
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
index 71ef0c37f..639d88086 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
@@ -1 +1 @@
-javascript:concepts
\ No newline at end of file
+# Concepts
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/103-javascript/readme.md b/content/roadmaps/100-frontend/content/103-javascript/readme.md
index f504a95f9..446ae8e73 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/readme.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/readme.md
@@ -1 +1 @@
-javascript
\ No newline at end of file
+# Javascript
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md b/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md
index d99432c07..88379b48c 100644
--- a/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md
+++ b/content/roadmaps/100-frontend/content/104-version-control-systems/100-basic-usage-of-git.md
@@ -1 +1 @@
-version-control-systems:basic-usage-of-git
\ No newline at end of file
+# Basic usage of git
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md b/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md
index a3601182b..5e0249474 100644
--- a/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md
+++ b/content/roadmaps/100-frontend/content/104-version-control-systems/readme.md
@@ -1 +1 @@
-version-control-systems
\ No newline at end of file
+# Version control systems
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md
index be63effef..1d347d3e4 100644
--- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md
+++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/100-github.md
@@ -1 +1 @@
-repo-hosting-services:github
\ No newline at end of file
+# Github
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/101-gitlab.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/101-gitlab.md
index c7fd04f4c..70157a4e6 100644
--- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/101-gitlab.md
+++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/101-gitlab.md
@@ -1 +1 @@
-repo-hosting-services:gitlab
\ No newline at end of file
+# Gitlab
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md
index c6478d8f2..9c781a3b3 100644
--- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md
+++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/102-bitbucket.md
@@ -1 +1 @@
-repo-hosting-services:bitbucket
\ No newline at end of file
+# Bitbucket
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md b/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md
index 219304ed9..ca921962f 100644
--- a/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md
+++ b/content/roadmaps/100-frontend/content/105-repo-hosting-services/readme.md
@@ -1 +1 @@
-repo-hosting-services
\ No newline at end of file
+# Repo hosting services
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/106-web-security-knowledge/100-https.md b/content/roadmaps/100-frontend/content/106-web-security-knowledge/100-https.md
index ee7e4f887..cd7ede8bd 100644
--- a/content/roadmaps/100-frontend/content/106-web-security-knowledge/100-https.md
+++ b/content/roadmaps/100-frontend/content/106-web-security-knowledge/100-https.md
@@ -1 +1 @@
-web-security-knowledge:https
\ No newline at end of file
+# Https
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/106-web-security-knowledge/101-content-security-policy.md b/content/roadmaps/100-frontend/content/106-web-security-knowledge/101-content-security-policy.md
index 24db8d205..9a1241811 100644
--- a/content/roadmaps/100-frontend/content/106-web-security-knowledge/101-content-security-policy.md
+++ b/content/roadmaps/100-frontend/content/106-web-security-knowledge/101-content-security-policy.md
@@ -1 +1 @@
-web-security-knowledge:content-security-policy
\ No newline at end of file
+# Content security policy
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/106-web-security-knowledge/102-cors.md b/content/roadmaps/100-frontend/content/106-web-security-knowledge/102-cors.md
index ae7ece562..7b9050194 100644
--- a/content/roadmaps/100-frontend/content/106-web-security-knowledge/102-cors.md
+++ b/content/roadmaps/100-frontend/content/106-web-security-knowledge/102-cors.md
@@ -1 +1 @@
-web-security-knowledge:cors
\ No newline at end of file
+# Cors
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/106-web-security-knowledge/103-owasp-security-risks.md b/content/roadmaps/100-frontend/content/106-web-security-knowledge/103-owasp-security-risks.md
index 2a69f632d..ee5efce09 100644
--- a/content/roadmaps/100-frontend/content/106-web-security-knowledge/103-owasp-security-risks.md
+++ b/content/roadmaps/100-frontend/content/106-web-security-knowledge/103-owasp-security-risks.md
@@ -1 +1 @@
-web-security-knowledge:owasp-security-risks
\ No newline at end of file
+# Owasp security risks
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/106-web-security-knowledge/readme.md b/content/roadmaps/100-frontend/content/106-web-security-knowledge/readme.md
index 243f4288c..f440075e0 100644
--- a/content/roadmaps/100-frontend/content/106-web-security-knowledge/readme.md
+++ b/content/roadmaps/100-frontend/content/106-web-security-knowledge/readme.md
@@ -1 +1 @@
-web-security-knowledge
\ No newline at end of file
+# Web security knowledge
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/107-package-managers/100-npm.md b/content/roadmaps/100-frontend/content/107-package-managers/100-npm.md
index abe17d966..aa882e995 100644
--- a/content/roadmaps/100-frontend/content/107-package-managers/100-npm.md
+++ b/content/roadmaps/100-frontend/content/107-package-managers/100-npm.md
@@ -1 +1 @@
-package-managers:npm
\ No newline at end of file
+# Npm
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/107-package-managers/101-yarn.md b/content/roadmaps/100-frontend/content/107-package-managers/101-yarn.md
index 60c9b965a..b7f86e786 100644
--- a/content/roadmaps/100-frontend/content/107-package-managers/101-yarn.md
+++ b/content/roadmaps/100-frontend/content/107-package-managers/101-yarn.md
@@ -1 +1 @@
-package-managers:yarn
\ No newline at end of file
+# Yarn
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/107-package-managers/readme.md b/content/roadmaps/100-frontend/content/107-package-managers/readme.md
index e51085f54..72768f6f4 100644
--- a/content/roadmaps/100-frontend/content/107-package-managers/readme.md
+++ b/content/roadmaps/100-frontend/content/107-package-managers/readme.md
@@ -1 +1 @@
-package-managers
\ No newline at end of file
+# Package managers
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/100-bem.md b/content/roadmaps/100-frontend/content/108-css-architecture/100-bem.md
index ab86031fd..0f1fe8029 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/100-bem.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/100-bem.md
@@ -1 +1 @@
-css-architecture:bem
\ No newline at end of file
+# Bem
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
index b0b8fdab0..c89fd9ccc 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
@@ -1 +1 @@
-css-architecture:oocss
\ No newline at end of file
+# Oocss
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/102-smacss.md b/content/roadmaps/100-frontend/content/108-css-architecture/102-smacss.md
index 9bd074814..947921eb9 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/102-smacss.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/102-smacss.md
@@ -1 +1 @@
-css-architecture:smacss
\ No newline at end of file
+# Smacss
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/readme.md b/content/roadmaps/100-frontend/content/108-css-architecture/readme.md
index e62f62cb6..30dec1747 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/readme.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/readme.md
@@ -1 +1 @@
-css-architecture
\ No newline at end of file
+# Css architecture
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/109-css-preprocessors/100-sass.md b/content/roadmaps/100-frontend/content/109-css-preprocessors/100-sass.md
index 8980fe1a7..236621207 100644
--- a/content/roadmaps/100-frontend/content/109-css-preprocessors/100-sass.md
+++ b/content/roadmaps/100-frontend/content/109-css-preprocessors/100-sass.md
@@ -1 +1 @@
-css-preprocessors:sass
\ No newline at end of file
+# Sass
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/109-css-preprocessors/101-postcss.md b/content/roadmaps/100-frontend/content/109-css-preprocessors/101-postcss.md
index 47ee02cc7..91fbef8a1 100644
--- a/content/roadmaps/100-frontend/content/109-css-preprocessors/101-postcss.md
+++ b/content/roadmaps/100-frontend/content/109-css-preprocessors/101-postcss.md
@@ -1 +1 @@
-css-preprocessors:postcss
\ No newline at end of file
+# Postcss
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md b/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
index ed404a83b..30afd5ee2 100644
--- a/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
+++ b/content/roadmaps/100-frontend/content/109-css-preprocessors/102-less.md
@@ -1 +1 @@
-css-preprocessors:less
\ No newline at end of file
+# Less
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/109-css-preprocessors/readme.md b/content/roadmaps/100-frontend/content/109-css-preprocessors/readme.md
index 2ab293a1e..107291cf1 100644
--- a/content/roadmaps/100-frontend/content/109-css-preprocessors/readme.md
+++ b/content/roadmaps/100-frontend/content/109-css-preprocessors/readme.md
@@ -1 +1 @@
-css-preprocessors
\ No newline at end of file
+# Css preprocessors
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md b/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md
index 61cb72295..e8ded7f9b 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/100-npm-scripts.md
@@ -1 +1 @@
-build-tools:task-runners:npm-scripts
\ No newline at end of file
+# Npm scripts
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/readme.md
index 0d98805e8..8578f4294 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/100-task-runners/readme.md
@@ -1 +1 @@
-build-tools:task-runners
\ No newline at end of file
+# Task runners
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
index 58d497ad3..8184dc809 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
@@ -1 +1 @@
-build-tools:module-bundlers:webpack
\ No newline at end of file
+# Webpack
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md
index 954660714..77031a5e3 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/101-esbuild.md
@@ -1 +1 @@
-build-tools:module-bundlers:esbuild
\ No newline at end of file
+# Esbuild
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/102-rollup.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/102-rollup.md
index 666ed0ad1..264fe197f 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/102-rollup.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/102-rollup.md
@@ -1 +1 @@
-build-tools:module-bundlers:rollup
\ No newline at end of file
+# Rollup
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/103-parcel.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/103-parcel.md
index 45f7e0c08..e59e1b473 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/103-parcel.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/103-parcel.md
@@ -1 +1 @@
-build-tools:module-bundlers:parcel
\ No newline at end of file
+# Parcel
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
index 09b851e0a..6552e335e 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
@@ -1 +1 @@
-build-tools:module-bundlers:vite
\ No newline at end of file
+# Vite
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
index e0a2e30b4..c0318608f 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/readme.md
@@ -1 +1 @@
-build-tools:module-bundlers
\ No newline at end of file
+# Module bundlers
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/100-prettier.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/100-prettier.md
index fff339dcb..724c5b765 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/100-prettier.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/100-prettier.md
@@ -1 +1 @@
-build-tools:linters-formatters:prettier
\ No newline at end of file
+# Prettier
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md
index 34f302b96..b1722fb4e 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/101-eslint.md
@@ -1 +1 @@
-build-tools:linters-formatters:eslint
\ No newline at end of file
+# Eslint
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
index 2cc7da5e1..616a27044 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/102-standardjs.md
@@ -1 +1 @@
-build-tools:linters-formatters:standardjs
\ No newline at end of file
+# Standardjs
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md
index a858abe03..fac87ba02 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/102-linters-formatters/readme.md
@@ -1 +1 @@
-build-tools:linters-formatters
\ No newline at end of file
+# Linters formatters
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/110-build-tools/readme.md b/content/roadmaps/100-frontend/content/110-build-tools/readme.md
index 3ed04d46b..d4ce60793 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/readme.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/readme.md
@@ -1 +1 @@
-build-tools
\ No newline at end of file
+# Build tools
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/100-redux.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/100-redux.md
index abb37ec4d..8e47cde66 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/100-redux.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/100-redux.md
@@ -1 +1 @@
-pick-a-framework:react-js:redux
\ No newline at end of file
+# Redux
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
index 3d25d975a..9b7bfd0f9 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md
@@ -1 +1 @@
-pick-a-framework:react-js:mobx
\ No newline at end of file
+# Mobx
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
index 45d6b390b..d4741a034 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md
@@ -1 +1 @@
-pick-a-framework:react-js:recoil
\ No newline at end of file
+# Recoil
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
index 7d884760a..350f33f88 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md
@@ -1 +1 @@
-pick-a-framework:react-js
\ No newline at end of file
+# React js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md
index 204163cd5..58ecfd644 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/100-rxjs.md
@@ -1 +1 @@
-pick-a-framework:angular:rxjs
\ No newline at end of file
+# Rxjs
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md
index 2cc3764c2..30c9ae709 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/101-ngrx.md
@@ -1 +1 @@
-pick-a-framework:angular:ngrx
\ No newline at end of file
+# Ngrx
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/readme.md
index 442b22ceb..42970c422 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/readme.md
@@ -1 +1 @@
-pick-a-framework:angular
\ No newline at end of file
+# Angular
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-vuex.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-vuex.md
index 305bdfd57..20f77cb31 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-vuex.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/100-vuex.md
@@ -1 +1 @@
-pick-a-framework:vue-js:vuex
\ No newline at end of file
+# Vuex
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
index 6c71a7f06..285f88f27 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
@@ -1 +1 @@
-pick-a-framework:vue-js
\ No newline at end of file
+# Vue js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/readme.md
index a1b325e20..17b304199 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/readme.md
@@ -1 +1 @@
-pick-a-framework
\ No newline at end of file
+# Pick a framework
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
index 523ee8fcc..209d27f0e 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/100-styled-components.md
@@ -1 +1 @@
-modern-css:styled-components
\ No newline at end of file
+# Styled components
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md b/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
index 001f5c955..5451adc82 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/101-css-modules.md
@@ -1 +1 @@
-modern-css:css-modules
\ No newline at end of file
+# Css modules
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md b/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
index ac049b25d..452a3193f 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/102-styled-jsx.md
@@ -1 +1 @@
-modern-css:styled-jsx
\ No newline at end of file
+# Styled jsx
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
index 169fd3aed..39a6aa202 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/103-emotion.md
@@ -1 +1 @@
-modern-css:emotion
\ No newline at end of file
+# Emotion
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/112-modern-css/readme.md b/content/roadmaps/100-frontend/content/112-modern-css/readme.md
index 510b28115..3c356def3 100644
--- a/content/roadmaps/100-frontend/content/112-modern-css/readme.md
+++ b/content/roadmaps/100-frontend/content/112-modern-css/readme.md
@@ -1 +1 @@
-modern-css
\ No newline at end of file
+# Modern css
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md b/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
index 61ea70cd4..d7b57244b 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/100-html-templates.md
@@ -1 +1 @@
-web-components:html-templates
\ No newline at end of file
+# Html templates
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
index 0cfc3c7cf..826d079b1 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/101-custom-elements.md
@@ -1 +1 @@
-web-components:custom-elements
\ No newline at end of file
+# Custom elements
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/113-web-components/102-shadow-dom.md b/content/roadmaps/100-frontend/content/113-web-components/102-shadow-dom.md
index 8a87b9097..913240cdd 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/102-shadow-dom.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/102-shadow-dom.md
@@ -1 +1 @@
-web-components:shadow-dom
\ No newline at end of file
+# Shadow dom
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/113-web-components/readme.md b/content/roadmaps/100-frontend/content/113-web-components/readme.md
index 064d2d669..7ee4157ae 100644
--- a/content/roadmaps/100-frontend/content/113-web-components/readme.md
+++ b/content/roadmaps/100-frontend/content/113-web-components/readme.md
@@ -1 +1 @@
-web-components
\ No newline at end of file
+# Web components
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md
index 5d4c4a5da..b520d6014 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md
@@ -1 +1 @@
-css-frameworks:css-first:bootstrap
\ No newline at end of file
+# Bootstrap
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
index 9938611b5..538b1458b 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md
@@ -1 +1 @@
-css-frameworks:css-first:bulma
\ No newline at end of file
+# Bulma
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/readme.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/readme.md
index 1e1a40c83..45842652e 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/readme.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/readme.md
@@ -1 +1 @@
-css-frameworks:css-first
\ No newline at end of file
+# Css first
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
index 9df004eca..d2015b322 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md
@@ -1 +1 @@
-css-frameworks:js-first:tailwind-css
\ No newline at end of file
+# Tailwind css
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md
index 026d264e7..472306399 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md
@@ -1 +1 @@
-css-frameworks:js-first:chakra-ui
\ No newline at end of file
+# Chakra ui
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
index 199f83742..69b111191 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md
@@ -1 +1 @@
-css-frameworks:js-first:material-ui
\ No newline at end of file
+# Material ui
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md
index 51f19e670..4fc888124 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md
@@ -1 +1 @@
-css-frameworks:js-first:radix-ui
\ No newline at end of file
+# Radix ui
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/readme.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/readme.md
index 7b5094c9b..c567e1651 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/readme.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/readme.md
@@ -1 +1 @@
-css-frameworks:js-first
\ No newline at end of file
+# Js first
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
index f142efcc6..2fb17959c 100644
--- a/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
+++ b/content/roadmaps/100-frontend/content/114-css-frameworks/readme.md
@@ -1 +1 @@
-css-frameworks
\ No newline at end of file
+# Css frameworks
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/100-jest.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/100-jest.md
index c94ce77be..535d60df1 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/100-jest.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/100-jest.md
@@ -1 +1 @@
-testing-your-apps:jest
\ No newline at end of file
+# Jest
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md
index effe48965..c7ffd1cd5 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md
@@ -1 +1 @@
-testing-your-apps:react-testing-library
\ No newline at end of file
+# React testing library
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md
index 45e21cc6f..c881065db 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md
@@ -1 +1 @@
-testing-your-apps:cypress
\ No newline at end of file
+# Cypress
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/103-enzyme.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/103-enzyme.md
index 3ccbb03e1..d2b48f886 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/103-enzyme.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/103-enzyme.md
@@ -1 +1 @@
-testing-your-apps:enzyme
\ No newline at end of file
+# Enzyme
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/104-other-options.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/104-other-options.md
index 3bd0f7bcc..db2d32e19 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/104-other-options.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/104-other-options.md
@@ -1 +1 @@
-testing-your-apps:other-options
\ No newline at end of file
+# Other options
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/readme.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/readme.md
index 29c112cd9..718f931fc 100644
--- a/content/roadmaps/100-frontend/content/115-testing-your-apps/readme.md
+++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/readme.md
@@ -1 +1 @@
-testing-your-apps
\ No newline at end of file
+# Testing your apps
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
index 318405020..721c9655c 100644
--- a/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
+++ b/content/roadmaps/100-frontend/content/116-type-checkers/100-typescript.md
@@ -1 +1 @@
-type-checkers:typescript
\ No newline at end of file
+# Typescript
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md b/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md
index af1a2a48b..bff898fa4 100644
--- a/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md
+++ b/content/roadmaps/100-frontend/content/116-type-checkers/101-flow.md
@@ -1 +1 @@
-type-checkers:flow
\ No newline at end of file
+# Flow
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/116-type-checkers/readme.md b/content/roadmaps/100-frontend/content/116-type-checkers/readme.md
index 0e1f2828f..5b654ff10 100644
--- a/content/roadmaps/100-frontend/content/116-type-checkers/readme.md
+++ b/content/roadmaps/100-frontend/content/116-type-checkers/readme.md
@@ -1 +1 @@
-type-checkers
\ No newline at end of file
+# Type checkers
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/117-progressive-web-apps/100-apis.md b/content/roadmaps/100-frontend/content/117-progressive-web-apps/100-apis.md
index 9fbb5ff4c..db412acd9 100644
--- a/content/roadmaps/100-frontend/content/117-progressive-web-apps/100-apis.md
+++ b/content/roadmaps/100-frontend/content/117-progressive-web-apps/100-apis.md
@@ -1 +1 @@
-progressive-web-apps:apis
\ No newline at end of file
+# Apis
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/117-progressive-web-apps/101-performance.md b/content/roadmaps/100-frontend/content/117-progressive-web-apps/101-performance.md
index fe4e6c633..55cb80a3a 100644
--- a/content/roadmaps/100-frontend/content/117-progressive-web-apps/101-performance.md
+++ b/content/roadmaps/100-frontend/content/117-progressive-web-apps/101-performance.md
@@ -1 +1 @@
-progressive-web-apps:performance
\ No newline at end of file
+# Performance
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md b/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
index 96d2dbcd9..a2cdc683f 100644
--- a/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
+++ b/content/roadmaps/100-frontend/content/117-progressive-web-apps/readme.md
@@ -1 +1 @@
-progressive-web-apps
\ No newline at end of file
+# Progressive web apps
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
index 1e365027f..f0d7ab1b8 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/100-next-js.md
@@ -1 +1 @@
-server-side-rendering:react-js:next-js
\ No newline at end of file
+# Next js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md
index f0ade8fba..6367e6362 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/101-after-js.md
@@ -1 +1 @@
-server-side-rendering:react-js:after-js
\ No newline at end of file
+# After js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
index 89a440b7b..350f33f88 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/100-react-js/readme.md
@@ -1 +1 @@
-server-side-rendering:react-js
\ No newline at end of file
+# React js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md
index 246fc63e8..10a734e5b 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/100-universal.md
@@ -1 +1 @@
-server-side-rendering:angular:universal
\ No newline at end of file
+# Universal
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md
index e4cfea93f..42970c422 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/101-angular/readme.md
@@ -1 +1 @@
-server-side-rendering:angular
\ No newline at end of file
+# Angular
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md
index c9365e167..7e0303e9c 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/100-nuxt-js.md
@@ -1 +1 @@
-server-side-rendering:vue-js:nuxt-js
\ No newline at end of file
+# Nuxt js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
index 5629b7d19..285f88f27 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/102-vue-js/readme.md
@@ -1 +1 @@
-server-side-rendering:vue-js
\ No newline at end of file
+# Vue js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
index d8097c144..a2c1486ab 100644
--- a/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
+++ b/content/roadmaps/100-frontend/content/118-server-side-rendering/readme.md
@@ -1 +1 @@
-server-side-rendering
\ No newline at end of file
+# Server side rendering
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md b/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md
index b07a6b09d..845aec91d 100644
--- a/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md
+++ b/content/roadmaps/100-frontend/content/119-graphql/100-apollo.md
@@ -1 +1 @@
-graphql:apollo
\ No newline at end of file
+# Apollo
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md b/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
index f560f96f9..b821c1bb5 100644
--- a/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
+++ b/content/roadmaps/100-frontend/content/119-graphql/101-relay-modern.md
@@ -1 +1 @@
-graphql:relay-modern
\ No newline at end of file
+# Relay modern
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/119-graphql/readme.md b/content/roadmaps/100-frontend/content/119-graphql/readme.md
index 84b401cb4..92b738b69 100644
--- a/content/roadmaps/100-frontend/content/119-graphql/readme.md
+++ b/content/roadmaps/100-frontend/content/119-graphql/readme.md
@@ -1 +1 @@
-graphql
\ No newline at end of file
+# Graphql
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md b/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md
index 6cd2d20bc..f0d7ab1b8 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/100-next-js.md
@@ -1 +1 @@
-static-site-generators:next-js
\ No newline at end of file
+# Next js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md b/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md
index d08de3c8b..e7cfe2d89 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/101-gatsbyjs.md
@@ -1 +1 @@
-static-site-generators:gatsbyjs
\ No newline at end of file
+# Gatsbyjs
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md b/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md
index db05dca98..7e0303e9c 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/102-nuxt-js.md
@@ -1 +1 @@
-static-site-generators:nuxt-js
\ No newline at end of file
+# Nuxt js
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md b/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md
index ec4aa5c81..7600abf83 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/103-vuepress.md
@@ -1 +1 @@
-static-site-generators:vuepress
\ No newline at end of file
+# Vuepress
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/104-jekyll.md b/content/roadmaps/100-frontend/content/120-static-site-generators/104-jekyll.md
index 920f837ed..0cf0b9eee 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/104-jekyll.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/104-jekyll.md
@@ -1 +1 @@
-static-site-generators:jekyll
\ No newline at end of file
+# Jekyll
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md b/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md
index 34067c0e3..f54ec97d6 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/105-hugo.md
@@ -1 +1 @@
-static-site-generators:hugo
\ No newline at end of file
+# Hugo
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md b/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md
index 0c575df4b..a524ebb4b 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/106-gridsome.md
@@ -1 +1 @@
-static-site-generators:gridsome
\ No newline at end of file
+# Gridsome
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md b/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md
index e51206ec3..392cecb20 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/107-eleventy.md
@@ -1 +1 @@
-static-site-generators:eleventy
\ No newline at end of file
+# Eleventy
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md b/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
index a7c6b5a50..1c80dedcb 100644
--- a/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
+++ b/content/roadmaps/100-frontend/content/120-static-site-generators/readme.md
@@ -1 +1 @@
-static-site-generators
\ No newline at end of file
+# Static site generators
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/100-react-native.md b/content/roadmaps/100-frontend/content/121-mobile-applications/100-react-native.md
index 3512ab29b..dd1cfabae 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/100-react-native.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/100-react-native.md
@@ -1 +1 @@
-mobile-applications:react-native
\ No newline at end of file
+# React native
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/101-nativescript.md b/content/roadmaps/100-frontend/content/121-mobile-applications/101-nativescript.md
index 9c44d1079..8d7af64fd 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/101-nativescript.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/101-nativescript.md
@@ -1 +1 @@
-mobile-applications:nativescript
\ No newline at end of file
+# Nativescript
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md b/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
index 2717e45c4..aa84b041c 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/102-flutter.md
@@ -1 +1 @@
-mobile-applications:flutter
\ No newline at end of file
+# Flutter
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/103-ionic.md b/content/roadmaps/100-frontend/content/121-mobile-applications/103-ionic.md
index b667e2a9d..4f4a557cb 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/103-ionic.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/103-ionic.md
@@ -1 +1 @@
-mobile-applications:ionic
\ No newline at end of file
+# Ionic
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/121-mobile-applications/readme.md b/content/roadmaps/100-frontend/content/121-mobile-applications/readme.md
index b5e06959b..dcc7dcb8c 100644
--- a/content/roadmaps/100-frontend/content/121-mobile-applications/readme.md
+++ b/content/roadmaps/100-frontend/content/121-mobile-applications/readme.md
@@ -1 +1 @@
-mobile-applications
\ No newline at end of file
+# Mobile applications
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md b/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md
index 1a24db02a..633bbe8f2 100644
--- a/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md
+++ b/content/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md
@@ -1 +1 @@
-desktop-applications:electron
\ No newline at end of file
+# Electron
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md b/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md
index b025379e2..2a27aabec 100644
--- a/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md
+++ b/content/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md
@@ -1 +1 @@
-desktop-applications:carlo
\ No newline at end of file
+# Carlo
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/102-proton-native.md b/content/roadmaps/100-frontend/content/122-desktop-applications/102-proton-native.md
index dcf746e1e..9096b4f00 100644
--- a/content/roadmaps/100-frontend/content/122-desktop-applications/102-proton-native.md
+++ b/content/roadmaps/100-frontend/content/122-desktop-applications/102-proton-native.md
@@ -1 +1 @@
-desktop-applications:proton-native
\ No newline at end of file
+# Proton native
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/122-desktop-applications/readme.md b/content/roadmaps/100-frontend/content/122-desktop-applications/readme.md
index 2cae9c833..63838e5cf 100644
--- a/content/roadmaps/100-frontend/content/122-desktop-applications/readme.md
+++ b/content/roadmaps/100-frontend/content/122-desktop-applications/readme.md
@@ -1 +1 @@
-desktop-applications
\ No newline at end of file
+# Desktop applications
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/123-web-assembly.md b/content/roadmaps/100-frontend/content/123-web-assembly.md
index f25a48363..15f506404 100644
--- a/content/roadmaps/100-frontend/content/123-web-assembly.md
+++ b/content/roadmaps/100-frontend/content/123-web-assembly.md
@@ -1 +1 @@
-web-assembly
\ No newline at end of file
+# Web assembly
\ No newline at end of file
diff --git a/content/roadmaps/100-frontend/content/readme.md b/content/roadmaps/100-frontend/content/readme.md
index e69de29bb..4e768b56d 100644
--- a/content/roadmaps/100-frontend/content/readme.md
+++ b/content/roadmaps/100-frontend/content/readme.md
@@ -0,0 +1 @@
+# 
\ No newline at end of file
diff --git a/pages/[roadmap]/[group].tsx b/pages/[roadmap]/[group].tsx
index dc6481959..1df4206d3 100644
--- a/pages/[roadmap]/[group].tsx
+++ b/pages/[roadmap]/[group].tsx
@@ -3,7 +3,11 @@ import {
   Breadcrumb,
   BreadcrumbItem,
   BreadcrumbLink,
+  Button,
   Container,
+  Divider,
+  Link,
+  Text,
 } from '@chakra-ui/react';
 import { GlobalHeader } from '../../components/global-header';
 import { OpensourceBanner } from '../../components/opensource-banner';
@@ -14,6 +18,8 @@ import MdRenderer from '../../components/md-renderer';
 import Helmet from '../../components/helmet';
 import React from 'react';
 import { ChevronRightIcon } from '@chakra-ui/icons';
+import siteConfig from '../../content/site.json';
+import { EditContentPageLink } from '../../components/roadmap/edit-content-page-link';
 
 type RoadmapProps = {
   roadmap: RoadmapType;
@@ -22,7 +28,7 @@ type RoadmapProps = {
 };
 
 // @todo error handling
-function TextualRoadmap(props: RoadmapProps) {
+function TextualContent(props: RoadmapProps) {
   const { roadmap, group } = props;
   if (!roadmap.contentPathsFilePath) {
     return null;
@@ -39,9 +45,14 @@ function TextualRoadmap(props: RoadmapProps) {
     require(`../../content/${normalizedContentFilePath}`).default;
 
   return (
-    <MdRenderer>
-      <GroupContent />
-    </MdRenderer>
+    <Box>
+      <MdRenderer>
+        <GroupContent />
+        <EditContentPageLink
+          href={`${siteConfig.url.repoData}/${normalizedContentFilePath}`}
+        />
+      </MdRenderer>
+    </Box>
   );
 }
 
@@ -86,7 +97,7 @@ export default function RoadmapGroup(props: RoadmapProps) {
   const { roadmap, group, isOutlet = false } = props;
 
   if (isOutlet) {
-    return <TextualRoadmap roadmap={roadmap} group={group} />;
+    return <TextualContent roadmap={roadmap} group={group} />;
   }
 
   return (
@@ -99,7 +110,7 @@ export default function RoadmapGroup(props: RoadmapProps) {
       />
       <Container my={'60px'} maxW={'container.md'} position="relative">
         <RoadmapBreadcrumb roadmap={roadmap} group={group} />
-        <TextualRoadmap roadmap={roadmap} group={group} />
+        <TextualContent roadmap={roadmap} group={group} />
       </Container>
 
       <OpensourceBanner />
diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx
index 100c5ac3a..3b4f739ec 100644
--- a/pages/[roadmap]/interactive.tsx
+++ b/pages/[roadmap]/interactive.tsx
@@ -51,6 +51,11 @@ function RoadmapRenderer(props: RoadmapProps) {
         return;
       }
 
+      if (groupId.startsWith('ext_link:')) {
+        window.open(`https://${groupId.replace('ext_link:', '')}`);
+        return;
+      }
+
       // e.g. 100-internet:how-does-the-internet-work
       // will be translated to `internet:how-does-the-internet-work`
       setGroupId(groupId.replace(/^\d+-/, ''));
diff --git a/public/sitemap.xml b/public/sitemap.xml
index beb5c888e..97e96ca0a 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -3,7 +3,7 @@
 <url>
               <loc>https://roadmap.sh/frontend</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2021-12-04T12:51:36.560Z</lastmod>
+              <lastmod>2021-12-04T23:57:18.813Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
@@ -255,7 +255,7 @@
 <url>
               <loc>https://roadmap.sh/</loc>
               <changefreq>monthly</changefreq>
-              <lastmod>2021-11-27T11:45:44.569Z</lastmod>
+              <lastmod>2021-12-04T13:06:07.143Z</lastmod>
               <priority>1.0</priority>
           </url>
 <url>
diff --git a/scripts/content-skeleton.ts b/scripts/content-skeleton.ts
index f3fb9e88a..96897a490 100644
--- a/scripts/content-skeleton.ts
+++ b/scripts/content-skeleton.ts
@@ -63,7 +63,11 @@ if (!roadmapDirName) {
 }
 
 const roadmapDirPath = path.join(ROADMAP_CONTENT_DIR, roadmapDirName);
-const roadmapContentDirPath = path.join(ROADMAP_CONTENT_DIR, roadmapDirName, 'content');
+const roadmapContentDirPath = path.join(
+  ROADMAP_CONTENT_DIR,
+  roadmapDirName,
+  'content'
+);
 
 // If roadmap content already exists do not proceed as it would override the files
 if (fs.existsSync(roadmapContentDirPath)) {
@@ -175,6 +179,12 @@ function createDirTree(
     .replaceAll('/', ':') // Replace slashes with `:`
     .replace(/:\d+-/, ':');
 
+  const humanizedGroupName = groupName
+    .split(':')
+    .pop()
+    ?.replaceAll('-', ' ')
+    .replace(/^\w/, ($0) => $0.toUpperCase());
+
   const sortOrder = sortOrders[groupName] || '';
 
   // Attach sorting information to dirname
@@ -187,7 +197,7 @@ function createDirTree(
   // If no children, create a file for this under the parent directory
   if (!hasChildren) {
     let fileName = `${parentDir}.md`;
-    fs.writeFileSync(fileName, '');
+    fs.writeFileSync(fileName, `# ${humanizedGroupName}`);
 
     filePaths[groupName || 'home'] = fileName.replace(CONTENT_DIR, '');
     return filePaths;
@@ -198,7 +208,7 @@ function createDirTree(
   fs.mkdirSync(parentDir);
 
   let readmeFilePath = path.join(parentDir, 'readme.md');
-  fs.writeFileSync(readmeFilePath, '');
+  fs.writeFileSync(readmeFilePath, `# ${humanizedGroupName}`);
 
   filePaths[groupName || 'home'] = readmeFilePath.replace(CONTENT_DIR, '');
 
@@ -226,6 +236,9 @@ const roadmapMetaFilePath = path.join(roadmapDirPath, 'meta.json');
 const roadmapMeta = require(roadmapMetaFilePath);
 
 // Put the content paths file path in the roadmap meta
-roadmapMeta.contentPathsFilePath = contentPathsFilePath.replace(roadmapDirPath, '.');
+roadmapMeta.contentPathsFilePath = contentPathsFilePath.replace(
+  roadmapDirPath,
+  '.'
+);
 
 fs.writeFileSync(roadmapMetaFilePath, JSON.stringify(roadmapMeta, null, 2));