From 98abbb73748240a4f4267094b715665035b2ff00 Mon Sep 17 00:00:00 2001 From: Ajay Dhangar Date: Sat, 14 Feb 2026 13:00:47 +0530 Subject: [PATCH 1/2] update site --- .../learn-basics/index.mdx | 3 + .../project-practicals/animation-practice.mdx | 2 +- .../responsive-design-practice.mdx | 2 +- docs/index.mdx | 8 +- .../localization-and-accessibility.mdx | 2 +- .../resources/portfolio-building.mdx | 2 +- .../resources/templates-and-samples.mdx | 2 +- docusaurus.config.js | 18 +- sidebars.ts | 16 +- src/pages/index.tsx | 309 ------------------ 10 files changed, 29 insertions(+), 335 deletions(-) create mode 100644 absolute-beginners/git-github-beginner/learn-basics/index.mdx delete mode 100644 src/pages/index.tsx diff --git a/absolute-beginners/git-github-beginner/learn-basics/index.mdx b/absolute-beginners/git-github-beginner/learn-basics/index.mdx new file mode 100644 index 0000000..0fdf9b4 --- /dev/null +++ b/absolute-beginners/git-github-beginner/learn-basics/index.mdx @@ -0,0 +1,3 @@ +# Learn Basics + +## What are version control system \ No newline at end of file diff --git a/docs/css/project-practicals/animation-practice.mdx b/docs/css/project-practicals/animation-practice.mdx index 9656198..5544b61 100644 --- a/docs/css/project-practicals/animation-practice.mdx +++ b/docs/css/project-practicals/animation-practice.mdx @@ -21,7 +21,7 @@ tags: Animations are the secret ingredient that transforms a static webpage into an **engaging and memorable user experience**. This practical session is dedicated to solidifying your understanding of CSS **Transitions**, **Transforms**, and **Keyframe Animations** by applying them to real-world components. -Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/docs/category/transitions--animations) section. +Before starting, ensure you are familiar with the concepts in the [Transitions and Animations](/category/transitions--animations) section.
diff --git a/docs/css/project-practicals/responsive-design-practice.mdx b/docs/css/project-practicals/responsive-design-practice.mdx index e1666f3..74a4afa 100644 --- a/docs/css/project-practicals/responsive-design-practice.mdx +++ b/docs/css/project-practicals/responsive-design-practice.mdx @@ -9,7 +9,7 @@ Responsive Web Design (RWD) is a crucial skill in modern frontend development. I This practical session will guide you through implementing the core principles of RWD, focusing on **Media Queries**, **Fluid Layouts**, and the **Mobile-First** strategy. -Before starting, ensure you are familiar with the concepts in the [Responsiveness](/tutorial/docs/category/responsiveness) section. +Before starting, ensure you are familiar with the concepts in the [Responsiveness](/category/responsiveness) section.
diff --git a/docs/index.mdx b/docs/index.mdx index e1cace9..8fd548f 100644 --- a/docs/index.mdx +++ b/docs/index.mdx @@ -58,15 +58,15 @@ Select a technology below to dive into our structured tutorials. Each path is de - +

Learn the building blocks of the web β€” HTML. Understand tags, attributes, forms, and layout fundamentals to create structured webpages.

 - +

Master styling with CSS. Learn Flexbox, Grid, animations, and responsive design techniques for beautiful interfaces.

 - +

From basics to advanced β€” learn JavaScript programming, DOM manipulation, and ES6+ features to bring interactivity to your projects.

 @@ -102,7 +102,7 @@ Select a technology below to dive into our structured tutorials. Each path is de

Learn NoSQL database concepts with MongoDB. Store, query, and manage data efficiently for modern applications.

 - +

Explore artificial intelligence, machine learning, and neural networks with beginner-friendly examples.

 diff --git a/docs/technical-writer/advanced/localization-and-accessibility.mdx b/docs/technical-writer/advanced/localization-and-accessibility.mdx index 6392342..4d269bf 100644 --- a/docs/technical-writer/advanced/localization-and-accessibility.mdx +++ b/docs/technical-writer/advanced/localization-and-accessibility.mdx @@ -27,7 +27,7 @@ Most modern Docs-as-Code platforms support localization through external files. 1. **Extract Strings:** Your content management system (or localization tool) extracts the translatable text (strings) from your Markdown files (e.g., `.mdx`) and places them into key-value files (e.g., `.json`, `.po`, or `.xliff`). 2. **Translation:** These string files are sent to human translators or machine translation services. -3. **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/docs/en`, `/docs/de`, `/docs/ja`). +3. **Insertion:** The translated strings are loaded back into the documentation build process, creating separate language sites (e.g., `/en`, `/de`, `/ja`). :::warning Context is King When working with translators, provide **context**. If a string is "Open," specify whether it's the verb (e.g., "Open the file") or the adjective (e.g., "The API is Open"). This avoids grammatical errors in languages with gendered nouns. diff --git a/docs/technical-writer/resources/portfolio-building.mdx b/docs/technical-writer/resources/portfolio-building.mdx index 8bf3f4b..e5ea391 100644 --- a/docs/technical-writer/resources/portfolio-building.mdx +++ b/docs/technical-writer/resources/portfolio-building.mdx @@ -51,7 +51,7 @@ Aim for 3–5 high-quality projects. A few excellent, polished examples are infi diff --git a/docs/technical-writer/resources/templates-and-samples.mdx b/docs/technical-writer/resources/templates-and-samples.mdx index 0492adb..e04436d 100644 --- a/docs/technical-writer/resources/templates-and-samples.mdx +++ b/docs/technical-writer/resources/templates-and-samples.mdx @@ -170,7 +170,7 @@ icon="book" diff --git a/docusaurus.config.js b/docusaurus.config.js index 9fe0708..1928abe 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -36,7 +36,7 @@ const config = { ({ // debug: true, docs: { - routeBasePath: "docs", + routeBasePath: "/", sidebarPath: "./sidebars.ts", editUrl: "https://github.com/codeharborhub/tutorial/edit/main/", remarkPlugins: [remarkMath], @@ -140,10 +140,10 @@ const config = {

πŸš€ Foundations

- 🐣 Absolute Beginner + 🐣 Absolute Beginner πŸ›οΈ Computer Science πŸ’» Languages & Platforms - 🌿 Git & GitHub + 🌿 Git & GitHub
@@ -191,12 +191,12 @@ const config = { // html: 'πŸ“ Blog', // position: "right", // }, - // { - // href: "https://github.com/codeharborhub", - // position: "right", - // className: "header-github-link", - // "aria-label": "GitHub repository", - // }, + { + href: "https://github.com/codeharborhub", + position: "right", + className: "header-github-link", + "aria-label": "GitHub repository", + }, ], }, footer: { diff --git a/sidebars.ts b/sidebars.ts index 2757a8a..88c6a54 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -257,7 +257,7 @@ const sidebars: SidebarsConfig = { { type: "link", label: "CSS", - href: "/docs/css/introduction", + href: "/css/introduction", }, // Machine LearningTutorial Structure @@ -265,7 +265,7 @@ const sidebars: SidebarsConfig = { { type: "link", label: "Machine Learning", - href: "/docs/machine-learning/", + href: "/machine-learning/", }, // JavaScript Tutorial Structure @@ -273,7 +273,7 @@ const sidebars: SidebarsConfig = { { type: "link", label: "JavaScript", - href: "/docs/javascript/introduction-to-javascript/what-is-js", + href: "/javascript/introduction-to-javascript/what-is-js", }, // Git Tutorial Structure @@ -281,7 +281,7 @@ const sidebars: SidebarsConfig = { { type: "link", label: "Git", - href: "/docs/git/introduction", + href: "/git/introduction", }, // GitHub Tutorial Structure @@ -289,7 +289,7 @@ const sidebars: SidebarsConfig = { { type: "link", label: "GitHub", - href: "/docs/github/introduction-to-github", + href: "/github/introduction-to-github", }, // React Tutorial Structure @@ -464,21 +464,21 @@ const sidebars: SidebarsConfig = { { type: "link", label: "Cybersecurity", - href: "/docs/cybersecurity/", + href: "/cybersecurity/", }, // Internet { type: "link", label: "Internet", - href: "/docs/internet/introduction/", + href: "/internet/introduction/", }, // Technical Writer { type: "link", label: "Technical Writer", - href: "/docs/technical-writer/", + href: "/technical-writer/", }, ], diff --git a/src/pages/index.tsx b/src/pages/index.tsx deleted file mode 100644 index a94af09..0000000 --- a/src/pages/index.tsx +++ /dev/null @@ -1,309 +0,0 @@ -import React from "react"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; -import Layout from "@theme/Layout"; -import Head from "@docusaurus/Head"; -import Link from "@docusaurus/Link"; -import { - Code2, - Terminal, - Globe, - Cpu, - Database, - ShieldCheck, - Smartphone, - Layout as LayoutIcon, - Layers, - Rocket, - Binary, - Briefcase, - Sparkles, - ArrowRight, - GitBranch, -} from "lucide-react"; -import { motion } from "framer-motion"; - -export default function Home(): JSX.Element { - const { siteConfig } = useDocusaurusContext(); - - // Full content mapping based on your tutorial list - const tutorialCategories = [ - { - title: "Absolute Beginners", - icon: Rocket, - description: "Start here: Frontend, Backend, DevOps, and Git basics.", - color: "from-green-500 to-emerald-500", - path: "/absolute-beginners", - tags: ["Frontend", "Backend", "Git/GitHub", "Full Stack"], - }, - { - title: "Web Development", - icon: Globe, - description: "The complete path from QA and API design to WordPress.", - color: "from-blue-500 to-indigo-500", - path: "#", // /web-development - tags: ["Frontend", "Backend", "API Design", "GraphQL"], - }, - { - title: "AI & Machine Learning", - icon: Sparkles, - description: "AI Engineering, MLOps, Data Analysis, and Data Science.", - color: "from-purple-500 to-pink-500", - path: "#", // /ai-ml - tags: ["AI Engineer", "Prompt Engineering", "MLOps"], - }, - { - title: "Languages & Platforms", - icon: Terminal, - description: "Master SQL, JS, Python, Rust, Go, Java, and more.", - color: "from-yellow-500 to-orange-500", - path: "#", // languages - tags: ["Rust", "Python", "Go", "TypeScript", "C++"], - }, - { - title: "DevOps & Security", - icon: ShieldCheck, - description: - "Infrastructure, Linux, Kubernetes, Docker, and Cyber Security.", - color: "from-red-500 to-rose-500", - path: "#", // devops - tags: ["AWS", "Terraform", "Kubernetes", "Cyber Security"], - }, - { - title: "Computer Science", - icon: Binary, - description: "System Design, Architecture, and Data Structures.", - color: "from-cyan-500 to-blue-500", - path: "#", // computer-science - tags: ["DSA", "System Design", "Software Architecture"], - }, - { - title: "Frameworks", - icon: Layers, - description: "React, Vue, Angular, Spring Boot, Laravel, and Django.", - color: "from-indigo-500 to-purple-500", - path: "#", // frameworks - tags: ["React", "Next.js", "Spring Boot", "Laravel"], - }, - { - title: "Mobile & Game Dev", - icon: Smartphone, - description: "iOS, Android, Flutter, React Native, and Game Engines.", - color: "from-emerald-500 to-teal-500", - path: "#", // /mobile-game - tags: ["Android", "iOS", "Flutter", "C++", "Rust"], - }, - { - title: "Management & Design", - icon: Briefcase, - description: "Engineering Manager, Product Manager, and UX Design.", - color: "from-slate-500 to-zinc-500", - path: "#", // /management - tags: ["UX Design", "Product Manager", "Engineering Lead"], - }, - ]; - - return ( - - -