Merge pull request #198 from codeharborhub/dev-1

ajay-dhangar · web-flow · commit b5a25aa4d117 · 2026-02-14T15:17:17.000+05:30
update site
diff --git a/absolute-beginners/git-github-beginner/learn-basics/index.mdx b/absolute-beginners/git-github-beginner/learn-basics/index.mdx
@@ -0,0 +1,3 @@
+# Learn Basics
+
+## What are version control system
diff --git 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.
 
 <AdsComponent />
 <br />
diff --git 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.
 
 <AdsComponent />
 <br />
diff --git a/docs/cybersecurity/index.mdx b/docs/cybersecurity/index.mdx
@@ -91,7 +91,7 @@ Start from the basics and move upward:
 3. [Network Security Basics](./network-security-basics.mdx)
 4. [Cryptography and Encryption](./cryptography-and-encryption.mdx)
 5. [Ethical Hacking Basics](./ethical-hacking-basics.mdx)
-6. [Cybersecurity Tools](/tutorial/docs/cybersecurity/cybersecurity-tools)
+6. [Cybersecurity Tools](./cybersecurity/cybersecurity-tools)
 7. [Incident Response](./incident-response.mdx)
 8. [Best Practices](./best-practices.mdx)
 
diff --git a/docs/git/quiz.mdx b/docs/git/quiz.mdx
@@ -37,8 +37,8 @@ The goal is to help you **learn Git & GitHub hands-on** while having fun.
 ## Next Steps
 Once you complete this quiz:
 - Explore the [Git Advanced Topics](./advanced)
-- Learn about [GitHub Actions](/tutorial/docs/github/github-actions)
-- Contribute to open source with [GitHub Collaboration](/tutorial/docs/github/collaboration)
+- Learn about [GitHub Actions](../github/github-actions)
+- Contribute to open source with [GitHub Collaboration](../github/collaboration)
 
 :::tip
 Try to get a perfect score to unlock your *Git Pro Badge* (coming soon!)
diff --git a/docs/git/roadmap.mdx b/docs/git/roadmap.mdx
@@ -13,11 +13,11 @@ Welcome to the **Git & GitHub roadmap** — a step-by-step guide to help you **m
 Start with the basics to build a strong foundation.
 
 1. **Introduction to Git & GitHub**  
-   Route: [`/tutorial/docs/git/introduction`](/tutorial/docs/git/introduction)  
+   Route: [`/tutorial/git/introduction`](/tutorial/git/introduction)  
    Learn what version control is, why Git exists, and how GitHub works.
 
 2. **Git Basics**  
-   Route: [`/tutorial/docs/git/basics`](/tutorial/docs/git/basics)  
+   Route: [`/tutorial/git/basics`](/tutorial/git/basics)  
    - Create repositories (`git init`)  
    - Track changes (`git add`, `git commit`)  
    - View commit history (`git log`)  
@@ -32,25 +32,25 @@ Start with the basics to build a strong foundation.
 Expand your skills with branching, remotes, and collaboration.
 
 1. **Branching & Merging**  
-   Route: [`/tutorial/docs/git/branching-merging`](/tutorial/docs/git/branching-merging)  
+   Route: [`/tutorial/git/branching-merging`](/tutorial/git/branching-merging)  
    - Create, switch, and delete branches  
    - Merge branches and resolve conflicts  
    - Visualize branches with `git log --graph`
 
 2. **Working with Remote Repositories**  
-   Route: [`/tutorial/docs/git/remotes`](/tutorial/docs/git/remotes)  
+   Route: [`/tutorial/git/remotes`](/tutorial/git/remotes)  
    - Clone repositories  
    - Push and pull changes  
    - Sync forked repositories  
 
 3. **Undoing Changes & Troubleshooting**  
-   Route: [`/tutorial/docs/git/undo`](/tutorial/docs/git/undo)  
+   Route: [`/tutorial/git/undo`](/tutorial/git/undo)  
    - Undo commits (`git reset`, `git revert`)  
    - Discard changes (`git restore`)  
    - Use stash for temporary work
 
 4. **Collaborating on GitHub**  
-   Route: [`/tutorial/docs/github/collaboration`](/tutorial/docs/github/collaboration)  
+   Route: [`/tutorial/github/collaboration`](/tutorial/github/collaboration)  
    - Issues & discussions  
    - Pull requests & code reviews  
    - Project boards  
@@ -60,32 +60,32 @@ Expand your skills with branching, remotes, and collaboration.
 Master advanced Git concepts, automation, and open-source contributions.
 
 1. **Git Advanced Concepts**  
-   Route: [`/tutorial/docs/git/advanced`](/tutorial/docs/git/advanced)  
+   Route: [`/tutorial/git/advanced`](/tutorial/git/advanced)  
    - Rebasing & cherry-picking  
    - Tagging versions  
    - Git hooks & submodules  
    - Recovering deleted commits (`git reflog`)
 
 2. **GitHub Security & Authentication**  
-   Route: [`/tutorial/docs/github/security`](/tutorial/docs/github/security)  
+   Route: [`/tutorial/github/security`](/tutorial/github/security)  
    - SSH keys, HTTPS, personal access tokens  
    - Two-factor authentication  
    - Managing private vs public repositories
 
 3. **GitHub Actions & Automation**  
-   Route: [`/tutorial/docs/github-actions`](/tutorial/docs/github/github-actions)  
+   Route: [`/tutorial/github-actions`](/tutorial/github/github-actions)  
    - Automate builds, tests, and deployments  
    - YAML workflow basics  
    - GitHub Pages deployment example
 
 4. **Open Source Contribution Guide**  
-   Route: [`/tutorial/docs/github/open-source`](/tutorial/docs/github/open-source)  
+   Route: [`/tutorial/github/open-source`](/tutorial/github/open-source)  
    - Find projects to contribute  
    - Fork → Clone → Branch → Commit → Pull Request workflow  
    - Good first issues and contribution etiquette  
 
 5. **Integrations & Tools**  
-   Route: [`/tutorial/docs/github/integrations`](/tutorial/docs/github/integrations)  
+   Route: [`/tutorial/github/integrations`](/tutorial/github/integrations)  
    - VS Code, GitHub Desktop, Git GUI clients  
    - GitHub CLI and IDE integrations  
 
@@ -100,7 +100,7 @@ After completing the roadmap, practice your skills with real-world projects:
 - Set up **team workflows** with multiple collaborators  
 - Automate **CI/CD pipelines** with GitHub Actions
 
-Routes: [`/tutorial/docs/github/projects`](/tutorial/docs/github/projects)
+Routes: [`/tutorial/github/projects`](/tutorial/github/projects)
 
 ## Additional Resources
 
diff --git a/docs/github/github-actions.mdx b/docs/github/github-actions.mdx
@@ -193,7 +193,7 @@ jobs:
 
 ## Next Up
 
-After mastering GitHub Actions, you can explore **Open Source Contribution** — learn how to contribute effectively to projects and build your developer portfolio. 👉 [Next: Open Source Contribution →](/tutorial/docs/github/open-source)
+After mastering GitHub Actions, you can explore **Open Source Contribution** — learn how to contribute effectively to projects and build your developer portfolio. 👉 [Next: Open Source Contribution →](./open-source)
 
 ## Additional Resources
 
diff --git 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
 
 <DocsCards>
 
-<DocsCard header="HTML" href="/docs/category/html/" icon="/icons/html-5.svg">
+<DocsCard header="HTML" href="/category/html/" icon="/icons/html-5.svg">
   <p>Learn the building blocks of the web — HTML. Understand tags, attributes, forms, and layout fundamentals to create structured webpages.</p>
 </DocsCard>
 
-<DocsCard header="CSS" href="/docs/css/introduction" icon="/icons/css.svg">
+<DocsCard header="CSS" href="/css/introduction" icon="/icons/css.svg">
   <p>Master styling with CSS. Learn Flexbox, Grid, animations, and responsive design techniques for beautiful interfaces.</p>
 </DocsCard>
 
-<DocsCard header="JavaScript" href="/docs/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
+<DocsCard header="JavaScript" href="/javascript/introduction-to-javascript/what-is-js" icon="/icons/js.svg">
   <p>From basics to advanced — learn JavaScript programming, DOM manipulation, and ES6+ features to bring interactivity to your projects.</p>
 </DocsCard>
 
@@ -102,7 +102,7 @@ Select a technology below to dive into our structured tutorials. Each path is de
   <p>Learn NoSQL database concepts with MongoDB. Store, query, and manage data efficiently for modern applications.</p>
 </DocsCard>
 
-<DocsCard header="AI & Machine Learning" href="/docs/machine-learning" icon="/icons/ai-chat.svg">
+<DocsCard header="AI & Machine Learning" href="/machine-learning" icon="/icons/ai-chat.svg">
   <p>Explore artificial intelligence, machine learning, and neural networks with beginner-friendly examples.</p>
 </DocsCard>
 
diff --git a/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-selection.mdx b/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-selection.mdx
@@ -5,7 +5,7 @@ description: "Techniques for identifying and keeping only the most relevant feat
 tags: [data-science, feature-selection, machine-learning, statistics, overfitting]
 ---
 
-**Feature Selection** is the process of reducing the number of input variables when developing a predictive model. Unlike [Dimensionality Reduction](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction), which transforms features into a new space, Feature Selection keeps the original features but removes the ones that are redundant or irrelevant.
+**Feature Selection** is the process of reducing the number of input variables when developing a predictive model. Unlike [Dimensionality Reduction](./dimensionality-reduction), which transforms features into a new space, Feature Selection keeps the original features but removes the ones that are redundant or irrelevant.
 
 ## 1. Why Select Features?
 
diff --git a/docs/machine-learning/data-engineering-basics/data-formats/json.mdx b/docs/machine-learning/data-engineering-basics/data-formats/json.mdx
@@ -48,7 +48,7 @@ Most ML frameworks use JSON (or its cousin, YAML) to store **Hyperparameters**.
 
 ### C. API Responses
 
-As discussed in the [APIs section](/tutorial/docs/machine-learning/data-engineering-basics/data-collection/apis), almost every web service returns data in JSON format.
+As discussed in the [APIs section](../data-collection/apis), almost every web service returns data in JSON format.
 
 ## 3. The "Flattening" Problem
 
diff --git a/docs/machine-learning/data-engineering-basics/data-formats/xml.mdx b/docs/machine-learning/data-engineering-basics/data-formats/xml.mdx
@@ -74,7 +74,7 @@ for obj in root.findall('object'):
 
 ## 5. The Challenge: Deep Nesting
 
-Just like [JSON](/tutorial/docs/machine-learning/data-engineering-basics/data-formats/json), XML is hierarchical. To use it in a standard ML model (like a Random Forest), you must **Flatten** the tree into a table.
+Just like [JSON](./json), XML is hierarchical. To use it in a standard ML model (like a Random Forest), you must **Flatten** the tree into a table.
 
 ```mermaid
 graph TD
diff --git a/docs/machine-learning/deep-learning/cnn/strides.mdx b/docs/machine-learning/deep-learning/cnn/strides.mdx
@@ -16,7 +16,7 @@ When the stride is set to **2** (or more), the filter jumps two pixels at a time
 ## 2. The Impact of Striding
 
 ### A. Dimensionality Reduction
-Increasing the stride is an alternative to [Pooling](/tutorial/docs/machine-learning/deep-learning/cnn/pooling). By jumping over pixels, the network effectively "downsamples" the image. For example, a stride of 2 will roughly halve the width and height of the output.
+Increasing the stride is an alternative to [Pooling](./pooling). By jumping over pixels, the network effectively "downsamples" the image. For example, a stride of 2 will roughly halve the width and height of the output.
 
 ### B. Receptive Field
 A larger stride allows the network to cover more area with fewer parameters, but it comes at a cost: **Information Loss**. Because the filter skips pixels, some fine-grained spatial details might be missed.
diff --git a/docs/machine-learning/machine-learning-core/introduction-to-ml.mdx b/docs/machine-learning/machine-learning-core/introduction-to-ml.mdx
@@ -71,7 +71,7 @@ Building a model isn't just writing code; it's a circular process:
 
 1. **Define the Goal:** What are we trying to predict?
 2. **Data Collection:** Gathering raw information.
-3. **Data Preprocessing:** Cleaning and scaling (what you learned in the [Data Engineering module](/tutorial/docs/category/data-engineering-basics)).
+3. **Data Preprocessing:** Cleaning and scaling (what you learned in the [Data Engineering module](/category/data-engineering-basics)).
 4. **Model Training:** Feeding data to the algorithm.
 5. **Evaluation:** Testing the model on data it hasn't seen before.
 6. **Deployment:** Putting the model into a real-world app.
diff --git a/docs/machine-learning/machine-learning-core/reinforcement-learning/deep-q-networks.mdx b/docs/machine-learning/machine-learning-core/reinforcement-learning/deep-q-networks.mdx
@@ -5,7 +5,7 @@ description: "Scaling Reinforcement Learning with Deep Learning using Experience
 tags: [machine-learning, reinforcement-learning, dqn, deep-learning, neural-networks]
 ---
 
-**Deep Q-Networks (DQN)** represent the fusion of Reinforcement Learning and Deep Neural Networks. While standard [Q-Learning](/tutorial/docs/machine-learning/machine-learning-core/reinforcement-learning/q-learning) uses a table to store values, DQN uses a **Neural Network** to approximate the Q-value function.
+**Deep Q-Networks (DQN)** represent the fusion of Reinforcement Learning and Deep Neural Networks. While standard [Q-Learning](./q-learning) uses a table to store values, DQN uses a **Neural Network** to approximate the Q-value function.
 
 This advancement allowed RL agents to handle environments with high-dimensional state spaces, such as raw pixels from a video game screen.
 
diff --git a/docs/machine-learning/machine-learning-core/scikit-learn/data-preparation.mdx b/docs/machine-learning/machine-learning-core/scikit-learn/data-preparation.mdx
@@ -47,7 +47,7 @@ Converts categories into integers (). Use this when the order matters (e.g., Sma
 
 ## 3. Feature Scaling
 
-As discussed in our [Data Engineering module](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-scaling), scaling ensures that features with large ranges (like Salary) don't overpower features with small ranges (like Age).
+As discussed in our [Data Engineering module](../../data-engineering-basics/data-cleaning-and-preprocessing/feature-scaling), scaling ensures that features with large ranges (like Salary) don't overpower features with small ranges (like Age).
 
 ### Standardization (`StandardScaler`)
 
diff --git a/docs/machine-learning/machine-learning-core/supervised-learning/classification/knn.mdx b/docs/machine-learning/machine-learning-core/supervised-learning/classification/knn.mdx
@@ -85,7 +85,7 @@ y_pred = knn.predict(X_test_scaled)
 
 KNN suffers significantly from the "Curse of Dimensionality." As the number of features increases, the "volume" of the space grows so fast that even the "nearest" neighbors become very far away.
 
-**Solution:** Always perform [Dimensionality Reduction (PCA)](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction) or [Feature Selection](/tutorial/docs/machine-learning/data-engineering-basics/data-cleaning-and-preprocessing/feature-selection) before using KNN on high-dimensional data.
+**Solution:** Always perform [Dimensionality Reduction (PCA)](../../../data-engineering-basics/data-cleaning-and-preprocessing/dimensionality-reduction) or [Feature Selection](../../../data-engineering-basics/data-cleaning-and-preprocessing/feature-selection) before using KNN on high-dimensional data.
 
 ## References for More Details
 
diff --git a/docs/machine-learning/machine-learning-core/supervised-learning/regression/elastic-net.mdx b/docs/machine-learning/machine-learning-core/supervised-learning/regression/elastic-net.mdx
@@ -120,4 +120,4 @@ print(f"Best L1 Ratio: {model_cv.l1_ratio_}")
 
 ---
 
-**You've now covered all the primary linear regression models! But what if your goal isn't to predict a number, but to group similar data points together?** Head over to the [Clustering](/tutorial/docs/category/clustering) section to explore techniques like K-Means and DBSCAN!
+**You've now covered all the primary linear regression models! But what if your goal isn't to predict a number, but to group similar data points together?** Head over to the [Clustering](/category/clustering) section to explore techniques like K-Means and DBSCAN!
diff --git a/docs/machine-learning/machine-learning-core/unsupervised-learning/clustering/dbscan.mdx b/docs/machine-learning/machine-learning-core/unsupervised-learning/clustering/dbscan.mdx
@@ -5,7 +5,7 @@ description: "Discovering clusters of arbitrary shapes and identifying outliers
 tags: [machine-learning, unsupervised-learning, clustering, dbscan, outliers]
 ---
 
-**DBSCAN** (Density-Based Spatial Clustering of Applications with Noise) is a powerful clustering algorithm that views clusters as high-density regions separated by low-density regions. Unlike [K-Means](/tutorial/docs/machine-learning/machine-learning-core/unsupervised-learning/clustering/kmeans), DBSCAN does not require you to specify the number of clusters in advance and can find clusters of **arbitrary shapes**.
+**DBSCAN** (Density-Based Spatial Clustering of Applications with Noise) is a powerful clustering algorithm that views clusters as high-density regions separated by low-density regions. Unlike [K-Means](./kmeans), DBSCAN does not require you to specify the number of clusters in advance and can find clusters of **arbitrary shapes**.
 
 ## 1. How it Works: Core, Border, and Noise
 
diff --git 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
@@ -51,7 +51,7 @@ Aim for 3–5 high-quality projects. A few excellent, polished examples are infi
 <LinkCard
     title="Tip: The Live Project"
     description="If you contribute documentation to an Open Source project, that merged Pull Request (PR) is your single most powerful portfolio piece—it's real-world proof of collaboration and quality."
-    link="/tutorial/docs/technical-writer/advanced/open-source-contributions"
+    link="/tutorial/technical-writer/advanced/open-source-contributions"
     icon="code"
 />
 
diff --git a/docs/technical-writer/resources/templates-and-samples.mdx b/docs/technical-writer/resources/templates-and-samples.mdx
@@ -170,7 +170,7 @@ icon="book"
 <LinkCard
 title="Docusaurus Official Templates"
 description="Review the source code of the official Docusaurus templates on GitHub. They provide excellent examples of MDX usage, sidebar structure, and front matter."
-link="https://www.google.com/search?q=https://docusaurus.io/docs/next/installation%23scaffolding-your-site"
+link="https://docusaurus.io/docs/next/installation#scaffolding-your-site"
 icon="code"
 />
 
diff --git 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 = {
               <div class="mega-menu-column">
                 <h3>🚀 Foundations</h3>
                 <hr style="margin: 0.5rem 0; opacity: 0.4;">
-                <a href="#">🐣 Absolute Beginner</a>
+                <a href="/tutorial/absolute-beginners/">🐣 Absolute Beginner</a>
                 <a href="#">🏛️ Computer Science</a>
                 <a href="#">💻 Languages & Platforms</a>
-                <a href="/tutorial/docs/git/introduction">🌿 Git & GitHub</a>
+                <a href="/tutorial/git/introduction">🌿 Git & GitHub</a>
               </div>
               
               <div class="mega-menu-column">
@@ -191,12 +191,12 @@ const config = {
           //   html: '<span class="nav-emoji">📝</span> 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
diff --git a/src/pages/index.tsx b/src/pages/index.tsx

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# Learn Basics`
	`2`	`+`
	`3`	`+## What are version control system`