diff --git a/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md b/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md
index 9e9b3c13a..8366107f2 100644
--- a/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md
+++ b/src/data/roadmaps/frontend/content/accessibility@iJIqi7ngpGHWAqtgdjgxB.md
@@ -4,6 +4,6 @@ Website accessibility is the practice of designing and developing websites that
 
 Visit the following resources to learn more:
 
-- [@video@Complete Playlist on Accessibility](https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g)
 - [@article@Accessibility for Developers by Google](https://web.dev/accessibility)
+- [@video@Complete Playlist on Accessibility](https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g)
 - [@feed@Explore top posts about Accessibility](https://app.daily.dev/tags/accessibility?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md
index c06404a96..9c06c4a48 100644
--- a/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md
+++ b/src/data/roadmaps/frontend/content/angular@-bHFIiXnoUQSov64WI9yo.md
@@ -5,6 +5,6 @@ Angular is a popular open-source web application framework developed and maintai
 Visit the following resources to learn more:
 
 - [@roadmap@Visit Dedicated Angular Roadmap](https://roadmap.sh/angular)
-- [@official@Official - Getting started with Angular](https://angular.io/start)
+- [@official@Getting started with Angular](https://angular.io/start)
 - [@video@Angular for Beginners Course](https://www.youtube.com/watch?v=3qBXWUpoPHo)
 - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md b/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md
index cac601b39..35a05e99e 100644
--- a/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md
+++ b/src/data/roadmaps/frontend/content/apollo@5eUbDdOTOfaOhUlZAmmXW.md
@@ -5,6 +5,6 @@ Apollo GraphQL is a comprehensive platform for building and managing GraphQL-bas
 Visit the following resources to learn more:
 
 - [@official@Apollo Website](https://www.apollographql.com)
-- [@article@Official Docs](https://www.apollographql.com/docs/)
-- [@roadmap@](https://roadmap.sh/graphql)
+- [@official@Apollo Docs](https://www.apollographql.com/docs/)
+- [@roadmap@Visit Dedicated GraphQL Roadmap](https://roadmap.sh/graphql)
 - [@feed@Explore top posts about Apollo](https://app.daily.dev/tags/apollo?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md b/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md
index f51791415..e1f66f090 100644
--- a/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md
+++ b/src/data/roadmaps/frontend/content/astro@iUxXq7beg55y76dkwhM13.md
@@ -5,5 +5,6 @@ Astro is a modern static site generator (SSG) and web framework designed for bui
 Visit the following resources to learn more:
 
 - [@official@Astro Website](https://astro.build/)
+- [@official@Getting Started with Astro](https://docs.astro.build/en/getting-started/)
 - [@article@What is Astro?](https://www.contentful.com/blog/what-is-astro/)
 - [@course@Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI)
diff --git a/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md b/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md
index 3146503fa..0e6c9f787 100644
--- a/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md
+++ b/src/data/roadmaps/frontend/content/css-preprocessors@UTW1pP59dUehuf0zeHXqL.md
@@ -4,4 +4,8 @@ CSS preprocessors are scripting languages that extend the capabilities of standa
 
 Visit the following resources to learn more:
 
+- [@official@Sass Website](https://sass-lang.com/)
+- [@official@Less Website](https://lesscss.org/)
+- [@official@Stylus Website](https://stylus-lang.com/)
+- [@official@PostCSS Website](https://postcss.org/)
 - [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md b/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md
index f45371593..f53478e4b 100644
--- a/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md
+++ b/src/data/roadmaps/frontend/content/custom-elements@VxiQPgcYDFAT6WgSRWpIA.md
@@ -4,6 +4,6 @@ One of the key features of the Web Components standard is the ability to create
 
 Visit the following resources to learn more:
 
+- [@article@Using Custom Elements - MDN](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements)
 - [@video@Web Components | Custom Elements](https://www.youtube.com/watch?v=1GT35DSdZbI)
-- [@article@Using custom elements | MDN web docs](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md
index 3ec612a1d..61cad7f0b 100644
--- a/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md
+++ b/src/data/roadmaps/frontend/content/cypress@DaynCz5RR26gjT6N6gTDL.md
@@ -4,7 +4,7 @@ Cypress framework is a JavaScript-based end-to-end testing framework built on to
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://www.cypress.io/)
-- [@article@Official Documentation](https://docs.cypress.io/guides/overview/why-cypress#Other)
+- [@official@Cypress Website](https://www.cypress.io/)
+- [@article@Cypress Documentation](https://docs.cypress.io/)
 - [@video@Cypress End-to-End Testing](https://www.youtube.com/watch?v=BQqzfHQkREo)
 - [@feed@Explore top posts about Cypress](https://app.daily.dev/tags/cypress?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md b/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md
index 70ea56970..3d54bfc7f 100644
--- a/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md
+++ b/src/data/roadmaps/frontend/content/desktop-apps@KMA7NkxFbPoUDtFnGBFnj.md
@@ -1,3 +1,9 @@
 # Desktop Applications in JavaScript
 
 Desktop applications applications typically use frameworks like Electron, NW.js (Node-WebKit), or Tauri, which combine a JavaScript runtime with a native GUI toolkit. This approach allows developers to use their web development skills to create cross-platform desktop apps. Electron, developed by GitHub, is particularly popular, powering applications like Visual Studio Code, Atom, and Discord. These frameworks provide APIs to access native system features, enabling JavaScript to interact with the file system, system tray, and other OS-specific functionalities. While offering rapid development and cross-platform compatibility, JavaScript desktop apps can face challenges in terms of performance and resource usage compared to traditional native applications. However, they benefit from the vast ecosystem of JavaScript libraries and tools, making them an attractive option for many developers and businesses.
+
+Visit the following resources to learn more:
+
+- [@official@Electron Website](https://www.electronjs.org/)
+- [@official@NW.js Website](https://nwjs.io/)
+- [@official@Tauri Website](https://tauri.app/)
diff --git a/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md b/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md
index 7876daabe..b69e5a3c7 100644
--- a/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md
+++ b/src/data/roadmaps/frontend/content/esbuild@4W7UXfdKIUsm1bUrjdTVT.md
@@ -4,7 +4,7 @@ esbuild is a high-performance JavaScript bundler and minifier designed for speed
 
 Visit the following resources to learn more:
 
-- [@official@Esbuild Official Website](https://esbuild.github.io/)
+- [@official@Esbuild Website](https://esbuild.github.io/)
 - [@course@Let's Learn esbuild! (with Sunil Pai) — Learn With Jason](https://www.youtube.com/watch?v=KLdF1yu_bmI)
 - [@video@What Is ESBuild?](https://www.youtube.com/watch?v=ZY8Vu8cbWF0)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md b/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md
index 6be9c9ee4..ee60435d4 100644
--- a/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md
+++ b/src/data/roadmaps/frontend/content/eslint@NFjsI712_qP0IOmjuqXar.md
@@ -4,7 +4,7 @@ ESLint is a popular open-source static code analysis tool for identifying and fi
 
 Visit the following resources to learn more:
 
-- [@official@ESLint Official Website](https://eslint.org/)
+- [@official@ESLint Website](https://eslint.org/)
 - [@article@What is ESLint and How to Use ESLint to Detect and Fix Code for JavaScript Projects](https://2coffee.dev/en/articles/what-is-eslint-and-how-to-use-eslint-to-detect-fix-code-for-javascript-projects)
 - [@video@ESLint Quickstart - find errors automatically](https://www.youtube.com/watch?v=qhuFviJn-es)
 - [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md b/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md
index 7289332c5..b2f35eddd 100644
--- a/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md
+++ b/src/data/roadmaps/frontend/content/git@R_I4SGYqLk5zze5I1zS_E.md
@@ -4,7 +4,7 @@ Git is a distributed version control system designed to handle projects of any s
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git & GitHub](/git-github)
+- [@roadmap@Visit Dedicated Git & Github Roadmap](https://roadmap.sh/git-github)
 - [@video@Git & GitHub Crash Course For Beginners](https://www.youtube.com/watch?v=SWYqp7iY_Tc)
 - [@article@Git Cheat Sheet](https://cs.fyi/guide/git-cheatsheet)
 - [@article@Tutorial: Git for Absolutely Everyone](https://thenewstack.io/tutorial-git-for-absolutely-everyone/)
diff --git a/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md b/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md
index d70fd3879..c32bf18d3 100644
--- a/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md
+++ b/src/data/roadmaps/frontend/content/github@qmTVMJDsEhNIkiwE_UTYu.md
@@ -4,7 +4,7 @@ GitHub has become a central hub for open-source projects and is widely used by d
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git & GitHub](/git-github)
+- [@roadmap@Visit Dedicated Git & Github Roadmap](https://roadmap.sh/git-github)
 - [@official@GitHub: Quickstart](https://docs.github.com/en/get-started/quickstart/hello-world)
 - [@official@Learn GitHub by doing](https://skills.github.com/)
 - [@video@What is GitHub?](https://www.youtube.com/watch?v=w3jLJU7DT5E)
diff --git a/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md b/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md
index b96abaa30..f943e24ba 100644
--- a/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md
+++ b/src/data/roadmaps/frontend/content/gitlab@zIoSJMX3cuzCgDYHjgbEh.md
@@ -4,7 +4,7 @@ GitLab is a web-based DevOps platform that provides a complete solution for the
 
 Visit the following resources to learn more:
 
-- [@official@GitLab Documentation](https://docs.gitlab.com/)
 - [@official@GitLab Website](https://gitlab.com/)
+- [@official@GitLab Documentation](https://docs.gitlab.com/)
 - [@article@Development: Connect git to GitLab for Small Projects](https://thenewstack.io/development-connect-git-to-gitlab-for-small-projects/)
 - [@feed@Explore top posts about GitLab](https://app.daily.dev/tags/gitlab?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md b/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md
index ff6c03a06..ef5f1983f 100644
--- a/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md
+++ b/src/data/roadmaps/frontend/content/graphql@L7AllJfKvClaam3y-u6DP.md
@@ -4,7 +4,7 @@ GraphQL is a query language and runtime for APIs, developed by Facebook. GraphQL
 
 Visit the following resources to learn more:
 
-- [@roadmap@GraphQL Roadmap](/graphql)
+- [@roadmap@visit Dedicated GraphQL Roadmap](https://roadmap.sh/graphql)
 - [@official@Introduction to GraphQL](https://graphql.org/learn/)
 - [@video@GraphQL Course for Beginners](https://www.youtube.com/watch?v=ed8SzALpx1Q)
 - [@article@Introduction to GraphQL](https://thenewstack.io/introduction-to-graphql/)
diff --git a/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md b/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md
index 25659f641..774d46faa 100644
--- a/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md
+++ b/src/data/roadmaps/frontend/content/how-does-the-internet-work@yCnn-NfSxIybUQ2iTuUGq.md
@@ -4,7 +4,7 @@ The Internet works through a global network of interconnected computers and serv
 
 Visit the following resources to learn more:
 
+- [@roadmap@Introduction to Internet](https://roadmap.sh/guides/what-is-internet)
 - [@article@How does the Internet Work?](https://cs.fyi/guide/how-does-internet-work)
 - [@article@How Does the Internet Work? MDN Docs](https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work)
-- [@roadmap.sh@Introduction to Internet](/guides/what-is-internet)
 - [@video@How the Internet Works in 5 Minutes](https://www.youtube.com/watch?v=7_LPdttKXPc)
diff --git a/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md b/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md
index 5250ffaf5..d10593bb3 100644
--- a/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md
+++ b/src/data/roadmaps/frontend/content/html-templates@Hk8AVonOd693_y1sykPqd.md
@@ -4,6 +4,6 @@ The `<template>` HTML element is a mechanism for holding HTML that is not to be
 
 Visit the following resources to learn more:
 
-- [@article@Using templates and slots | MDN web docs](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots)
-- [@article@HTML Template tag](https://www.w3schools.com/tags/tag_template.asp)
+- [@article@Using Templates and Slots - MDN](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots)
+- [@article@HTML Template Tag](https://www.w3schools.com/tags/tag_template.asp)
 - [@feed@Explore top posts about HTML](https://app.daily.dev/tags/html?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md b/src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md
index 3f6547ce0..de067dbaa 100644
--- a/src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md
+++ b/src/data/roadmaps/frontend/content/internet@VlNNwIEDWqQXtqkHWJYzC.md
@@ -1,3 +1,8 @@
 # Internet
 
 The Internet is a global network of interconnected computer networks that use the Internet Protocol Suite (TCP/IP) to communicate. It enables the exchange of data, information, and services across the world, connecting billions of devices and users. The Internet has revolutionized communication, commerce, education, and entertainment, becoming an integral part of modern society. It supports various applications and services, from web browsing and instant messaging to streaming media and online gaming. While offering unprecedented access to information and connectivity, the Internet also raises concerns about privacy, security, and digital divide issues.
+
+Visit the following resources to learn more:
+
+- [@roadmap@Introduction to Internet](https://roadmap.sh/guides/what-is-internet)
+- [@article@The Internet](https://en.wikipedia.org/wiki/Internet)
diff --git a/src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md b/src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md
index 6b2b645bd..e31819383 100644
--- a/src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md
+++ b/src/data/roadmaps/frontend/content/ionic@xmRv6-L45m5MDpHmdHFCL.md
@@ -4,7 +4,7 @@ Ionic is an open-source UI toolkit for building high-quality, cross-platform mob
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://ionicframework.com/)
-- [@article@Ionic 8 Announcment](https://ionic.io/blog/ionic-8-is-here)
+- [@official@Ionic Framework Website](https://ionicframework.com/)
+- [@article@Ionic 8 Announcement](https://ionic.io/blog/ionic-8-is-here)
 - [@opensource@ionic-team/ionic-framework](https://github.com/ionic-team/ionic-framework)
 - [@feed@Explore top posts about Ionic](https://app.daily.dev/tags/ionic?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md b/src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md
index 8a9f70c9a..68b34f127 100644
--- a/src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md
+++ b/src/data/roadmaps/frontend/content/nextjs@V70884VcuXkfrfHyLGtUg.md
@@ -4,6 +4,6 @@ Next.js is a React-based open-source framework for building server-side rendered
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://nextjs.org/)
+- [@official@Next.js Website](https://nextjs.org/)
 - [@video@Next.js for Beginners - Full Course at freeCodeCamp YouTube Channel](https://youtu.be/1WmNXEVia8I)
 - [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md b/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md
index 09ebe6b5f..2254486d8 100644
--- a/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md
+++ b/src/data/roadmaps/frontend/content/npm@ib_FHinhrw8VuSet-xMF7.md
@@ -4,6 +4,7 @@ npm (Node Package Manager) is the default package manager for Node.js, providing
 
 Visit the following resources to learn more:
 
+- [@official@NPM Website](https://www.npmjs.com/https://www.npmjs.com/)
 - [@article@Modern JavaScript for Dinosaurs](https://peterxjang.com/blog/modern-javascript-explained-for-dinosaurs.html)
 - [@opensource@How to NPM](https://github.com/workshopper/how-to-npm)
 - [@video@NPM tutorial for Beginners](https://www.youtube.com/watch?v=2V1UUhBJ62Y)
diff --git a/src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md b/src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md
index 50ead08fe..e5f5df222 100644
--- a/src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md
+++ b/src/data/roadmaps/frontend/content/package-managers@IqvS1V-98cxko3e9sBQgP.md
@@ -4,7 +4,8 @@ Package managers are tools that automate the process of installing, updating, co
 
 Visit the following resources to learn more:
 
-- [@article@An Absolute Beginners Guide to Using npm](https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/)
+- [@official@PNPM: The Faster, More Performant NPM](https://pnpm.io/)
 - [@official@Yarn - Getting Started](https://yarnpkg.com/en/docs/getting-started)
+- [@article@An Absolute Beginners Guide to Using npm](https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/)
 - [@video@NPM Crash Course](https://www.youtube.com/watch?v=jHDhaSSKmB0)
 - [@video@Yarn Crash Course](https://www.youtube.com/watch?v=g9_6KmiBISk)
diff --git a/src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md b/src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md
index 5f6685181..f70343e9f 100644
--- a/src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md
+++ b/src/data/roadmaps/frontend/content/parcel@NS-hwaWa5ebSmNNRoxFDp.md
@@ -4,6 +4,6 @@ Parcel is a zero-configuration web application bundler that simplifies the proce
 
 Visit the following resources to learn more:
 
-- [@official@Official Website and Docs](https://parceljs.org/plugin-system/bundler/)
+- [@official@Parcel Website](https://parceljs.org/plugin-system/bundler/)
 - [@video@How to Build a Web App with Parcel.js](https://www.youtube.com/watch?v=R02ehdTzi3I)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md b/src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md
index 36ef0009e..b8e3f76ed 100644
--- a/src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md
+++ b/src/data/roadmaps/frontend/content/performance-metrics@X0Y3-IpPiFUCsNDK4RFxw.md
@@ -8,8 +8,6 @@ Web performance metrics are quantitative measures of the performance of a web pa
 - First input delay (FID): The time it takes for the page to respond to the first user input.
 - Total blocking time (TBT): The time it takes for the page to become fully interactive, taking into account the time spent blocking the main thread.
 
-There are many tools and techniques available for measuring web performance metrics, including browser dev tools, performance monitoring tools, and web performance APIs. By tracking these metrics and analyzing the results, web developers can identify areas for improvement and optimize the performance of their web pages.
-
 Visit the following resources to learn more:
 
 - [@article@Web Performance Metrics - Google Developers](https://developers.google.com/web/fundamentals/performance/user-centric-performance-metrics)
diff --git a/src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md b/src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md
index 25e1af355..f141d1362 100644
--- a/src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md
+++ b/src/data/roadmaps/frontend/content/pick-a-framework@eXezX7CVNyC1RuyU_I4yP.md
@@ -4,5 +4,5 @@ Web frameworks are designed to write web applications. Frameworks are collection
 
 Visit the following resources to learn more:
 
-- [@video@15 crazy new JS framework features you don’t know yet](https://www.youtube.com/watch?v=466U-2D86bc)
-- [@video@Which JS Framework is best?](https://www.youtube.com/watch?v=cuHDQhDhvPE)
+- [@video@15 Crazy New JS Framework Features You Don’t Know Yet](https://www.youtube.com/watch?v=466U-2D86bc)
+- [@video@Which JS Framework is Best?](https://www.youtube.com/watch?v=cuHDQhDhvPE)
diff --git a/src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md b/src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md
index 704c017e0..69b595574 100644
--- a/src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md
+++ b/src/data/roadmaps/frontend/content/pnpm@SLxA5qJFp_28TRzr1BjxZ.md
@@ -4,6 +4,6 @@ pnpm (performant npm) is a fast, disk-space efficient package manager for JavaSc
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://pnpm.io)
+- [@official@PNPM Website](https://pnpm.io)
 - [@article@Meet PNPM: The Faster, More Performant NPM](https://blog.bitsrc.io/pnpm-javascript-package-manager-4b5abd59dc9)
 - [@video@Get started with pnpm](https://www.youtube.com/watch?v=MvbReZDSKHI)
diff --git a/src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md b/src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md
index 8955d986c..919ef1ba8 100644
--- a/src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md
+++ b/src/data/roadmaps/frontend/content/postcss@9WlPENh9g1xOv-zA64Tfg.md
@@ -4,6 +4,6 @@ PostCSS is a tool for transforming CSS with JavaScript plugins. It allows develo
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://postcss.org/)
+- [@official@PostCSS Website](https://postcss.org/)
 - [@video@Learn PostCSS in 15 minutes](https://www.youtube.com/watch?v=Kn2SKUOaoT4)
 - [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md b/src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md
index 07aebd2c1..76f2622a2 100644
--- a/src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md
+++ b/src/data/roadmaps/frontend/content/pwas@PoM77O2OtxPELxfrW1wtl.md
@@ -5,6 +5,6 @@ Progressive Web Apps (PWAs) are web applications that use modern web capabilitie
 Visit the following resources to learn more:
 
 - [@article@Learn PWA](https://web.dev/learn/pwa/)
-- [@article@MDN Web Docs: Progressive Web Apps ](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/)
+- [@article@MDN - Progressive Web Apps](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/)
 - [@video@Progressive Web Apps in 2024](https://www.youtube.com/watch?v=3ODP6tTpjqA)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md b/src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md
index e229488b6..2ac642aa4 100644
--- a/src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md
+++ b/src/data/roadmaps/frontend/content/qwik@N5DCb6bDfgUnSdHPLYY4g.md
@@ -5,4 +5,4 @@ Qwik is an open-source front-end framework designed for optimal performance and
 Learn more from the following resources:
 
 - [@official@Qwik Website](https://qwik.dev)
-- [@video@Qwik… the world's first O(1) JavaScript framework?](https://www.youtube.com/watch?v=x2eF3YLiNhY)
\ No newline at end of file
+- [@video@Qwik - The world's first O(1) JavaScript Framework?](https://www.youtube.com/watch?v=x2eF3YLiNhY)
diff --git a/src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md b/src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md
index 9666a155b..451634e07 100644
--- a/src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md
+++ b/src/data/roadmaps/frontend/content/rail-model@xD5WfEP7Ez0oi3890UgmH.md
@@ -4,5 +4,5 @@ The RAIL Model is a user-centric performance model developed by Google that focu
 
 Visit the following resources to learn more:
 
-- [@article@RAIL Model - Google Developers](https://developers.google.com/web/fundamentals/performance/rail)
+- [@official@RAIL Model - Google Developers](https://developers.google.com/web/fundamentals/performance/rail)
 - [@article@An Overview of the RAIL performance model](https://www.keycdn.com/blog/rail-performance-model)
diff --git a/src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md b/src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md
index 65319f0ff..3ad8202dc 100644
--- a/src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md
+++ b/src/data/roadmaps/frontend/content/react-native@dsTegXTyupjS8iU6I7Xiv.md
@@ -4,6 +4,6 @@ React Native is an open-source mobile application development framework created
 
 Visit the following resources to learn more:
 
-- [@roadmap@React Native Roadmap](/react-native)
-- [@official@Official Website](https://reactnative.dev/)
+- [@roadmap@Visit Dedicated React Roadmap](https://roadmap.sh/react-native)
+- [@official@React Native Website](https://reactnative.dev/)
 - [@feed@Explore top posts about React](https://app.daily.dev/tags/react?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md b/src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md
index edcf5bc66..2b6faef4f 100644
--- a/src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md
+++ b/src/data/roadmaps/frontend/content/react-router@KJRkrFZIihCUBrOf579EU.md
@@ -4,6 +4,6 @@ React Router is a popular routing library for React applications that enables dy
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://reactrouter.com/en/main)
-- [@article@A complete guide to routing in react](https://hygraph.com/blog/routing-in-react)
-- [@video@React router - Complete tutorial](https://www.youtube.com/watch?v=oTIJunBa6MA)
+- [@official@React Router Website](https://reactrouter.com/en/main)
+- [@article@A Complete Guide to Routing in React](https://hygraph.com/blog/routing-in-react)
+- [@video@React Router - Complete tutorial](https://www.youtube.com/watch?v=oTIJunBa6MA)
diff --git a/src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md b/src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md
index f4721f014..8be2b80fa 100644
--- a/src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md
+++ b/src/data/roadmaps/frontend/content/relay-modern@0moPO23ol33WsjVXSpTGf.md
@@ -4,6 +4,6 @@ Relay is a JavaScript framework developed by Facebook for building data-driven R
 
 Visit the following resources to learn more:
 
-- [@official@Official Website](https://relay.dev/)
+- [@official@Relay Website](https://relay.dev/)
 - [@video@ELI5 - Relay](https://www.youtube.com/watch?v=A4POd93GI_I)
 - [@opensource@facebook/relay](https://github.com/facebook/relay)
diff --git a/src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md b/src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md
index df08b8c98..8fff96c68 100644
--- a/src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md
+++ b/src/data/roadmaps/frontend/content/responsive-design@TKtWmArHn7elXRJdG6lDQ.md
@@ -7,4 +7,4 @@ Visit the following resources to learn more:
 - [@article@Learn Responsive Design](https://web.dev/learn/design/)
 - [@article@The Beginner’s Guide to Responsive Web Design](https://kinsta.com/blog/responsive-web-design/)
 - [@video@Introduction To Responsive Web Design](https://www.youtube.com/watch?v=srvUrASNj0s)
-- [@course@Conquering Responsive Layouts](https://courses.kevinpowell.co/conquering-responsive-layouts)
\ No newline at end of file
+- [@course@Conquering Responsive Layouts](https://courses.kevinpowell.co/conquering-responsive-layouts)
diff --git a/src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md b/src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md
index b8ed35e6a..29a998bd2 100644
--- a/src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md
+++ b/src/data/roadmaps/frontend/content/rollup@sCjErk7rfWAUvhl8Kfm3n.md
@@ -4,6 +4,6 @@ Rollup is a module bundler for JavaScript that compiles small pieces of code int
 
 Visit the following resources to learn more:
 
-- [@article@Official Website and Docs](https://rollupjs.org/)
+- [@article@Rollup Website and Docs](https://rollupjs.org/)
 - [@video@How to Set Up JavaScript Bundling Using Rollup](https://www.youtube.com/watch?v=ICYLOZuFMz8)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md b/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md
index e9bd64c2a..3ebcf75f8 100644
--- a/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md
+++ b/src/data/roadmaps/frontend/content/sass@kukEE5rMSPa4NeNjx21kt.md
@@ -4,6 +4,6 @@ Sass (Syntactically Awesome Style Sheets) is a mature, stable, and powerful prof
 
 Visit the following resources to learn more:
 
-- [@article@Sass Website](https://sass-lang.com/)
+- [@official@Sass Website](https://sass-lang.com/)
 - [@video@Sass Tutorial for Beginners](https://www.youtube.com/watch?v=_a5j7KoflTs)
 - [@video@Sass, BEM, & Responsive Design](https://www.youtube.com/watch?v=jfMHA8SqUL4)
diff --git a/src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md b/src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md
index 1e022766e..81d42582d 100644
--- a/src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md
+++ b/src/data/roadmaps/frontend/content/solid-js@DxOSKnqAjZOPP-dq_U7oP.md
@@ -4,7 +4,7 @@ SolidJS is a declarative, efficient, and flexible JavaScript library for buildin
 
 Visit the following resources to learn more:
 
-- [@official@Official Website - SolidJS](https://www.solidjs.com/)
+- [@official@SolidJS Website](https://www.solidjs.com/)
 - [@official@SolidJS Tutorial](https://www.solidjs.com/tutorial/introduction_basics)
 - [@video@SolidJS in 100 Seconds](https://www.youtube.com/watch?v=hw3Bx5vxKl0)
 - [@feed@Explore top posts about JavaScript](https://app.daily.dev/tags/javascript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md b/src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md
index 07724654e..2a3616ae9 100644
--- a/src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md
+++ b/src/data/roadmaps/frontend/content/static-site-generators@n0q32YhWEIAUwbGXexoqV.md
@@ -4,7 +4,7 @@ Static site generators (SSGs) are tools that create HTML websites from raw data
 
 Visit the following resources to learn more:
 
-- [@article@What is a static site generator?](https://www.cloudflare.com/learning/performance/static-site-generator/)
+- [@article@What is a Static Site Generator?](https://www.cloudflare.com/learning/performance/static-site-generator/)
 - [@article@Get Back to Basics With Static Website Generators](https://thenewstack.io/get-back-basics-static-website-generators/)
 - [@video@What is a static site generator](https://www.youtube.com/watch?v=Qms4k6y7OgI)
 - [@feed@Explore top posts about Web Development](https://app.daily.dev/tags/webdev?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md b/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md
index a655aeff7..3f1964b41 100644
--- a/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md
+++ b/src/data/roadmaps/frontend/content/svelte-kit@P4st_telfCwKLSAU2WsQP.md
@@ -4,7 +4,7 @@ SvelteKit is a framework for building web applications using Svelte, a component
 
 Visit the following resources to learn more:
 
-- [@article@Svelte Kit Official Website](https://kit.svelte.dev/)
+- [@article@Svelte Kit Website](https://kit.svelte.dev/)
 - [@article@Official Svelte Kit Docs](https://kit.svelte.dev/docs/introduction)
 - [@video@Sveltekit in 100 Seconds](https://www.youtube.com/watch?v=H1eEFfAkIik)
 - [@feed@Explore top posts about Svelte](https://app.daily.dev/tags/svelte?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md b/src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md
index 5d738ff34..bc65598c1 100644
--- a/src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md
+++ b/src/data/roadmaps/frontend/content/tailwind@eghnfG4p7i-EDWfp3CQXC.md
@@ -5,6 +5,7 @@ Tailwind CSS is a utility-first CSS framework that provides low-level utility cl
 Visit the following resources to learn more:
 
 - [@official@Tailwind Website](https://tailwindcss.com)
+- [@official@Online Playground](https://play.tailwindcss.com)
 - [@course@Tailwind CSS Full Course for Beginners](https://www.youtube.com/watch?v=lCxcTsOHrjo)
 - [@video@Should You Use Tailwind CSS?](https://www.youtube.com/watch?v=hdGsFpZ0J2E)
 - [@video@Official Screencasts](https://www.youtube.com/c/TailwindLabs/videos)
diff --git a/src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md b/src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md
index 5c99efa3f..74fb47f11 100644
--- a/src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md
+++ b/src/data/roadmaps/frontend/content/testing@igg4_hb3XE3vuvY8ufV-4.md
@@ -15,7 +15,6 @@ Modern testing often incorporates automated testing tools and continuous integra
 
 Visit the following resources to learn more:
 
-- [@article@A comprehensive dive into software testing.](https://www.softwaretestingmaterial.com/software-testing/)
-- [@article@The different types of software tests](https://www.atlassian.com/continuous-delivery/software-testing/types-of-software-testing)
-- [@video@How to test web applications - dotJS 2024](https://www.youtube.com/watch?v=l3qjQpYBR8c)
+- [@article@The Different Types of Software Tests](https://www.atlassian.com/continuous-delivery/software-testing/types-of-software-testing)
+- [@video@How to Test Web Applications - dotJS 2024](https://www.youtube.com/watch?v=l3qjQpYBR8c)
 - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md b/src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md
index 5df4be93d..fec5395c4 100644
--- a/src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md
+++ b/src/data/roadmaps/frontend/content/type-checkers@hwPOGT0-duy3KfI8QaEwF.md
@@ -1,3 +1,9 @@
 # Type Checkers
 
 Type checkers are tools that analyze code to detect and prevent type-related errors without executing the program. They enforce type consistency, helping developers catch mistakes early in the development process. Popular type checkers include TypeScript for JavaScript, Flow for JavaScript, and mypy for Python. These tools add static typing to dynamically typed languages, offering benefits like improved code reliability, better documentation, and enhanced developer tooling support. Type checkers can infer types in many cases and allow for gradual adoption in existing projects. They help prevent common runtime errors, facilitate refactoring, and improve code maintainability. While adding some overhead to the development process, type checkers are widely adopted in large-scale applications for their ability to catch errors before runtime and improve overall code quality.
+
+Visit the following resources to learn more:
+
+- [@official@Flow - Static Type Checker for JavaScript](https://flow.org/)
+- [@official@TypeScript](https://www.typescriptlang.org/)
+- [@official@Mypy - Static Type Checker for Python](https://mypy.readthedocs.io/en/stable/)
diff --git a/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md b/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md
index e647958f7..044708231 100644
--- a/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md
+++ b/src/data/roadmaps/frontend/content/typescript@0asdhvwBH3gn-ercktV7A.md
@@ -4,8 +4,9 @@ TypeScript is a strongly-typed, object-oriented programming language that builds
 
 Visit the following resources to learn more:
 
-- [@roadmap@TypeScript Roadmap](/typescript)
-- [@official@Official Website](https://www.typescriptlang.org/)
+- [@roadmap@TypeScript Roadmap](https://roadmap.sh/typescript)
+- [@official@TypeScript Website](https://www.typescriptlang.org/)
+- [@official@TypeScript Playground](https://www.typescriptlang.org/play)
 - [@article@The TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
 - [@video@TypeScript for Beginners](https://www.youtube.com/watch?v=BwuLxPH8IDs)
 - [@feed@Explore top posts about TypeScript](https://app.daily.dev/tags/typescript?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md b/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md
index 63cf1c51b..35f5bfe5a 100644
--- a/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md
+++ b/src/data/roadmaps/frontend/content/vcs-hosting@MXnFhZlNB1zTsBFDyni9H.md
@@ -4,8 +4,8 @@ Repo hosting services provide platforms for storing, managing, and collaborating
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git & Github](/git-github)
+- [@roadmap@Learn Git & Github](https://roadmap.sh/git-github)
 - [@official@Codeberg Website](https://codeberg.org/)
 - [@official@GitHub Website](https://github.com)
-- [@official@GitLab Website](https://gitlab.com)
+- [@official@GitLab Website](https://about.gitlab.com)
 - [@article@BitBucket Website](https://bitbucket.com)
diff --git a/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md b/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md
index 366a6bd6d..09aafd83b 100644
--- a/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md
+++ b/src/data/roadmaps/frontend/content/version-control-systems@NIY7c4TQEEHx0hATu-k5C.md
@@ -4,7 +4,7 @@ Version Control Systems (VCS) are tools that help developers track and manage ch
 
 Visit the following resources to learn more:
 
-- [@roadmap@Learn Git and GitHub](/git-github)
-- [@video@What is a Version Control System and why you should always use it](https://www.youtube.com/watch?v=IeXhYROClZk)
+- [@roadmap@Learn Git & Github](https://roadmap.sh/git-github)
 - [@official@Git Documentation](https://git-scm.com/docs)
 - [@article@Learn Git by Atlassian](https://www.atlassian.com/git)
+- [@video@What is a Version Control System and why you should always use it](https://www.youtube.com/watch?v=IeXhYROClZk)
diff --git a/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md b/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md
index ee2f96bb5..a488ace82 100644
--- a/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md
+++ b/src/data/roadmaps/frontend/content/vite@0Awx3zEI5_gYEIrD7IVX6.md
@@ -4,7 +4,8 @@ Vite is a modern build tool and development server designed for fast and lean de
 
 Visit the following resources to learn more:
 
-- [@article@Vite Website](https://vitejs.dev)
+- [@official@Vite - The Build Tool for the Web](https://vitejs.dev)
+- [@official@Vite Documentation](https://vitejs.dev/guide/)
 - [@video@Vite Crash Course](https://youtu.be/LQQ3CR2JTX8)
 - [@video@Vite Tutorial Video](https://www.youtube.com/watch?v=VAeRhmpcWEQ)
 - [@feed@Explore top posts about Vite](https://app.daily.dev/tags/vite?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md b/src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md
index 64a06baa2..f6b20ab09 100644
--- a/src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md
+++ b/src/data/roadmaps/frontend/content/vitest@hVQ89f6G0LXEgHIOKHDYq.md
@@ -4,5 +4,6 @@ Vitest is a fast and lightweight testing framework for JavaScript and TypeScript
 
 Visit the following resources to learn more:
 
-- [@official@Vitest Website](https://vitest.dev/)
-- [@video@Vitets simplified](https://www.youtube.com/watch?v=snCLQmINqCU)
+- [@official@Vitest - Next Generation Testing Framework](https://vitest.dev/)
+- [@official@Vitest Documentation](https://vitest.dev/guide/)
+- [@video@Vitest Simplified](https://www.youtube.com/watch?v=snCLQmINqCU)
diff --git a/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md b/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md
index 0673fabfb..f08ca09d2 100644
--- a/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md
+++ b/src/data/roadmaps/frontend/content/vuepress@CMrss8E2W0eA6DVEqtPjT.md
@@ -4,6 +4,6 @@ VuePress is a static site generator powered by Vue.js, primarily designed for cr
 
 Visit the following resources to learn more:
 
-- [@article@Official Website](https://vuepress.vuejs.org/)
+- [@official@Official Website](https://vuepress.vuejs.org/)
 - [@video@Whats VuePress?](https://www.youtube.com/watch?v=iRhRdY7SQJg)
 - [@feed@Explore top posts about Vue.js](https://app.daily.dev/tags/vuejs?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md b/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md
index 7245c83c0..75c46124f 100644
--- a/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md
+++ b/src/data/roadmaps/frontend/content/webpack@twufEtHgxcRUWAUQ9bXus.md
@@ -4,6 +4,6 @@ Webpack is a popular open-source JavaScript module bundler that transforms, bund
 
 Visit the following resources to learn more:
 
-- [@official@Webpack Official Website](https://webpack.js.org/)
+- [@official@Webpack Website](https://webpack.js.org/)
 - [@article@A Complete Guide to Webpack 5](https://www.valentinog.com/blog/webpack)
 - [@feed@Explore top posts about Webpack](https://app.daily.dev/tags/webpack?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md b/src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md
index ab715f436..3f35116f4 100644
--- a/src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md
+++ b/src/data/roadmaps/frontend/content/what-is-hosting@aqMaEY8gkKMikiqleV5EP.md
@@ -4,6 +4,6 @@ Web hosting is a service that allows individuals and organizations to make their
 
 Visit the following resources to learn more:
 
-- [@article@What is web hosting?](https://www.namecheap.com/hosting/what-is-web-hosting-definition/)
+- [@article@What is Web Hosting?](https://www.namecheap.com/hosting/what-is-web-hosting-definition/)
 - [@video@Different Types of Web Hosting Explained](https://www.youtube.com/watch?v=AXVZYzw8geg)
 - [@video@Where to Host a Fullstack Project on a Budget](https://www.youtube.com/watch?v=Kx_1NYYJS7Q)
diff --git a/src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md b/src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md
index ae6e01b82..bc65938ee 100644
--- a/src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md
+++ b/src/data/roadmaps/frontend/content/writing-css@XDTD8el6OwuQ55wC-X4iV.md
@@ -1,3 +1,9 @@
 # Modern CSS
 
-Modern CSS emphasizes responsive design with techniques like media queries and fluid typography. It also includes methodologies like CSS-in-JS and utility-first frameworks (e.g., Tailwind CSS). Features such as CSS Logical Properties improve internationalization, while CSS Houdini allows for more powerful custom styling. Modern CSS focuses on performance optimization, maintainability, and creating adaptive, accessible designs across various devices and screen sizes, significantly improving the capabilities and efficiency of web styling.
\ No newline at end of file
+Modern CSS emphasizes responsive design with techniques like media queries and fluid typography. It also includes methodologies like CSS-in-JS and utility-first frameworks (e.g., Tailwind CSS). Features such as CSS Logical Properties improve internationalization, while CSS Houdini allows for more powerful custom styling. Modern CSS focuses on performance optimization, maintainability, and creating adaptive, accessible designs across various devices and screen sizes, significantly improving the capabilities and efficiency of web styling.
+
+Visit the following resources to learn more:
+
+- [@article@Modern CSS: A Comprehensive Guide](https://moderncss.dev/)
+- [@article@CSS-Tricks: Modern CSS](https://css-tricks.com/modern-css/)
+- [@feed@Explore top posts about CSS](https://app.daily.dev/tags/css?ref=roadmapsh)
diff --git a/src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md b/src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md
index 197089144..9b41ed4ed 100644
--- a/src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md
+++ b/src/data/roadmaps/frontend/content/writing-semantic-html@z8-556o-PaHXjlytrawaF.md
@@ -1,10 +1,10 @@
 # Semantic HTML
 
-Semantic HTML refers to the use of HTML markup to reinforce the meaning of web content, rather than merely defining its appearance. It involves using HTML elements that clearly describe their purpose and content. Semantic HTML improves accessibility, SEO, and code readability. Key elements include `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<aside>`, and `<footer>`. It also encompasses using appropriate heading levels (`<h1>` to `<h6>`), lists (`<ul>`, `<ol>`,` <li>`), and data tables (`<table>`, `<th>`, `<td>`). Semantic HTML helps screen readers interpret page content, enables better browser rendering, and provides clearer structure for developers. By using semantically correct elements, developers create more meaningful, accessible, and maintainable web documents that are easier for both humans and machines to understand and process.
+Semantic HTML refers to the use of HTML markup to reinforce the meaning of web content, rather than merely defining its appearance. It involves using HTML elements that clearly describe their purpose and content. Semantic HTML improves accessibility, SEO, and code readability. Key elements include `<header>`, `<nav>`, `<main>`, `<article>`, `<section>`, `<aside>`, and `<footer>`. It also encompasses using appropriate heading levels (`<h1>` to `<h6>`), lists (`<ul>`, `<ol>`,`<li>`), and data tables (`<table>`, `<th>`, `<td>`). Semantic HTML helps screen readers interpret page content, enables better browser rendering, and provides clearer structure for developers. By using semantically correct elements, developers create more meaningful, accessible, and maintainable web documents that are easier for both humans and machines to understand and process.
 
 Visit the following resources to learn more:
 
 - [@article@Guide to Writing Semantic HTML](https://cs.fyi/guide/writing-semantic-html)
 - [@article@W3Schools: Semantic HTML](https://www.w3schools.com/html/html5_semantic_elements.asp)
 - [@article@Semantic HTML - web.dev](https://web.dev/learn/html/semantic-html/)
-- [@video@Why & When to Use Semantic HTML Elements over Divs](https://www.youtube.com/watch?v=bOUhq46fd5g)
+- [@video@Why & When to Use Semantic HTML Elements over Div(s)](https://www.youtube.com/watch?v=bOUhq46fd5g)