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 a00893550..76ae338cc 100644
--- a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
+++ b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
@@ -2,7 +2,7 @@
 Web accessibility means that websites, tools, and technologies are designed and developed in such a way that people with disabilities can use them easily.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g'>Complete Playlist on Accessibility</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/accessibility/index.php'>Accessibility Tutorial
 </BadgeLink>
 <BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/'>A Complete Guide To Accessible Front-End Components</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g'>Complete Playlist on Accessibility</BadgeLink>
diff --git a/content/roadmaps/100-frontend/content/101-html/readme.md b/content/roadmaps/100-frontend/content/101-html/readme.md
index 39d8ceab3..76a3d16e7 100644
--- a/content/roadmaps/100-frontend/content/101-html/readme.md
+++ b/content/roadmaps/100-frontend/content/101-html/readme.md
@@ -5,7 +5,7 @@ HTML stands for HyperText Markup Language. It is used on the frontend and gives
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://www.internetingishard.com/html-and-css/'>Web Development Basics</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://www.codecademy.com/learn/learn-html'>Codecademy - Learn HTML</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://github.com/denysdovhan/learnyouhtml'>Interactive HTML Course</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>
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 448bf7a77..c4a8a3486 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
@@ -8,5 +8,5 @@ Performance plays a significant role in the success of any online venture, as hi
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://web.dev/rail/'>Measure performance with the RAIL model</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/introduction-to-chrome-lighthouse/'>Introduction to Chrome Lighthouse</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://developers.google.com/web/ilt/pwa/lighthouse-pwa-analysis-tool'>Lighthouse PWA Analysis Tool</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=egmwY9n6qWY'>PWA Tutorial: Lighthouse Audit</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.chrome.com/docs/devtools/speed/get-started/'>Lighthouse: Optimize website speed</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=egmwY9n6qWY'>PWA Tutorial: Lighthouse Audit</BadgeLink>
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 f0bda943f..4a9ad4ab0 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
@@ -3,7 +3,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.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='blue' badgeText='Officialebsite' href='https://reactjs.org/'>React Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://reactjs.org/'>React Website</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://reactjs.org/tutorial/tutorial.html'>Official Getting Started</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://egghead.io/courses/the-beginner-s-guide-to-react'>The Beginner's Guide to React</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=nTeuhbP7wdE'>React JS Course for Beginners</BadgeLink>
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 ec9da5d7c..bcaf8c804 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
@@ -3,7 +3,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.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='blue' badgeText='Framework Website' href='https://vuejs.org/'>Vue.js Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://vuejs.org/'>Vue.js Website</BadgeLink>
 <BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/v2/guide/'>Official Getting Started</BadgeLink>
-<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=FXpIoQ_rT_c'>Vue.js Course for Beginners</BadgeLink>
-<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qZXt1Aom3Cs'>Vue.js Crash Course</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=FXpIoQ_rT_c'>Vue.js Course for Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=qZXt1Aom3Cs'>Vue.js Crash Course</BadgeLink>
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 942bf0b24..30778f16d 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
@@ -3,7 +3,7 @@
 Eleventy (11ty) is a simple to use, easy to customize, highly performant and powerful static site generator with a helpful set of plugins (e.g. navigation, build-time image transformations, cache assets). Pages can be built and written with a variety of template languages (HTML, Markdown, JavaScript, Liquid, Nunjucks, Handlebars, Mustache, EJS, Haml, Pug or JS template literals). But it also offers the possibility to dynamically create pages from local data or external sources that are compiled at build time. It has zero client-side JavaScript dependencies.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='blue' badgeText='Website' href='https://www.11ty.dev/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.11ty.dev/'>Official Website</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://11ty.rocks/'>A collection of 11ty starters, projects, plugins, and resources</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=-dM6AmNmMFA'>Introduction to Eleventy</BadgeLink>
 
diff --git a/content/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md b/content/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md
index 43d7c2635..52b05ec01 100644
--- a/content/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md
+++ b/content/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md
@@ -5,7 +5,7 @@ The Internet is a global network of computers connected to each other which comm
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <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>
-<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' 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 badgeText='Watch' href='https://www.youtube.com/watch?v=7_LPdttKXPc'>How the Internet Works in 5 Minutes</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=zN8YNNHcaZc'>Internet for Dummies</BadgeLink>
diff --git a/content/roadmaps/101-backend/content/101-basic-frontend/100-html.md b/content/roadmaps/101-backend/content/101-basic-frontend/100-html.md
index e4861113d..b2261009e 100644
--- a/content/roadmaps/101-backend/content/101-basic-frontend/100-html.md
+++ b/content/roadmaps/101-backend/content/101-basic-frontend/100-html.md
@@ -4,7 +4,7 @@ HTML stands for HyperText Markup Language. It is used on the frontend and gives
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
-<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
-<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://www.codecademy.com/learn/learn-html'>Codecademy - Learn HTML</BadgeLink>
 <BadgeLink badgeText='Course' colorScheme='green' href='https://github.com/denysdovhan/learnyouhtml'>Interactive HTML Course</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>
diff --git a/content/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md b/content/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md
index 75704a420..9774536e5 100644
--- a/content/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md
+++ b/content/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md
@@ -9,6 +9,6 @@ So, in this case, when we want to interact with any of these streams (through a
 POSIX also adds a standard for exit codes, filesystem semantics, and several other command line utility API conventions.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='blue' badgeText='Read' href='https://unix.stackexchange.com/a/220877'>Summary of some POSIX implementations</BadgeLink>
-<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.baeldung.com/linux/posix'>A guide to POSIX</BadgeLink>
-<BadgeLink colorScheme='blue' badgeText='Documentation' href='https://pubs.opengroup.org/onlinepubs/9699919799/'>POSIX standard by IEEE</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://pubs.opengroup.org/onlinepubs/9699919799/'>POSIX standard by IEEE</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://unix.stackexchange.com/a/220877'>Summary of some POSIX implementations</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.baeldung.com/linux/posix'>A guide to POSIX</BadgeLink>
diff --git a/content/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md b/content/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md
index ea477f633..ae1363c60 100644
--- a/content/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md
+++ b/content/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md
@@ -6,8 +6,8 @@ GitHub is a provider of Internet hosting for software development and version co
 
 <BadgeLink badgeText='Official Website' colorScheme='blue' href='https://github.com'>GitHub Website</BadgeLink>
 <BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://docs.github.com/en/get-started/quickstart'>GitHub Documentation</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://ooloo.io/project/github-flow'>How to Use Git in a Professional Dev Team</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=w3jLJU7DT5E'>What is GitHub?</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=wpISo9TNjfU'>Git vs. GitHub: What's the difference?</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=RGOj5yH7evk'>Git and GitHub for Beginners</BadgeLink>
-<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=eulnSXkhE7I'>Git and GitHub - CS50 Beyond 2019</BadgeLink>
-<BadgeLink badgeText='Course' href='https://ooloo.io/project/github-flow'>How to Use Git in a Professional Dev Team</BadgeLink>
\ No newline at end of file
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=eulnSXkhE7I'>Git and GitHub - CS50 Beyond 2019</BadgeLink>
\ No newline at end of file
diff --git a/content/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md b/content/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md
index b50df5d3d..f7ec5eaee 100644
--- a/content/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md
+++ b/content/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md
@@ -8,8 +8,8 @@ MongoDB is a source-available cross-platform document-oriented database program.
 
 <BadgeLink badgeText='Official Website' colorScheme='blue' href='https://www.mongodb.com/'>MongoDB Website</BadgeLink>
 <BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://docs.mongodb.com/'>MongoDB Documentation</BadgeLink>
-<BadgeLink badgeText='Courses' colorScheme='green' href='https://university.mongodb.com/learning_paths/developer'>Learning Path for MongoDB Developers</BadgeLink>
 <BadgeLink badgeText='Sandbox' colorScheme='yellow' href='https://mongoplayground.net/'>MongoDB Online Sandbox</BadgeLink>
+<BadgeLink badgeText='Courses' colorScheme='green' href='https://university.mongodb.com/learning_paths/developer'>Learning Path for MongoDB Developers</BadgeLink>
 
 ## DynamoDB
 
diff --git a/content/roadmaps/101-backend/content/109-apis/100-rest.md b/content/roadmaps/101-backend/content/109-apis/100-rest.md
index a89587508..7b38b8115 100644
--- a/content/roadmaps/101-backend/content/109-apis/100-rest.md
+++ b/content/roadmaps/101-backend/content/109-apis/100-rest.md
@@ -7,4 +7,4 @@ REST, or REpresentational State Transfer, is an architectural style for providin
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.codecademy.com/article/what-is-rest'>What is REST?</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.redhat.com/en/topics/api/what-is-a-rest-api'>What is a REST API?</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm'>Roy Fielding's dissertation chapter, "Representational State Transfer (REST)"</BadgeLink>
-<BadgeLink colorScheme='yellow' badgeText='Read' href='https://restapitutorial.com/'>Learn REST: A RESTful Tutorial</BadgeLink>
\ No newline at end of file
+<BadgeLink colorScheme='green' badgeText='Course' href='https://restapitutorial.com/'>Learn REST: A RESTful Tutorial</BadgeLink>
\ No newline at end of file
diff --git a/content/roadmaps/101-backend/content/109-apis/101-json-apis.md b/content/roadmaps/101-backend/content/109-apis/101-json-apis.md
index caa561528..cbff87737 100644
--- a/content/roadmaps/101-backend/content/109-apis/101-json-apis.md
+++ b/content/roadmaps/101-backend/content/109-apis/101-json-apis.md
@@ -4,6 +4,6 @@ JSON or JavaScript Object Notation is an encoding scheme that is designed to eli
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
 
-<BadgeLink badgeText='Read' colorScheme="yellow" href='https://jsonapi.org/'>Official Website</BadgeLink>
+<BadgeLink badgeText='Official Website' colorScheme="blue" href='https://jsonapi.org/'>Official Website</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme="yellow" href='https://jsonapi.org/implementations/'>Official Docs</BadgeLink>
 <BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=N-4prIh7t38'>JSON API: Explained in 4 minutes </BadgeLink>
diff --git a/content/roadmaps/101-backend/content/109-apis/102-soap.md b/content/roadmaps/101-backend/content/109-apis/102-soap.md
index 886f04334..6833bfdd1 100644
--- a/content/roadmaps/101-backend/content/109-apis/102-soap.md
+++ b/content/roadmaps/101-backend/content/109-apis/102-soap.md
@@ -3,4 +3,4 @@
 Simple Object Access Protocol (SOAP) is a message protocol for exchanging information between systems and applications. When it comes to application programming interfaces (APIs), a SOAP API is developed in a more structured and formalized way. SOAP messages can be carried over a variety of lower-level protocols, including the web-related Hypertext Transfer Protocol (HTTP).
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/xml/xml_soap.asp'>w3school SOAP explanation</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.w3schools.com/xml/xml_soap.asp'>w3school SOAP explanation</BadgeLink>
diff --git a/content/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md b/content/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md
index bacc42ecb..ed166e1a9 100644
--- a/content/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md
+++ b/content/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md
@@ -12,4 +12,4 @@ Memcached has no internal mechanism to track misses which may happen. However, s
 
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://github.com/memcached/memcached#readme'>Memcached, From Official Github</BadgeLink>
 
-<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/memcached/index.htm'>Memcached Tutorial</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.tutorialspoint.com/memcached/index.htm'>Memcached Tutorial</BadgeLink>