Merge pull request #139 from raj-rathod/rajesh

Rajesh

Author: raj-rathod

README.md

@@ -60,7 +60,7 @@ graph TD;
   - **Sorting**
     - [Selection Sort](https://github.com/raj-rathod/DSA-visualisation-in-angular/tree/main/src/app/components/Algorithms/sorting/selection-sort/README.md)
     - [Insertion Sort](https://github.com/raj-rathod/DSA-visualisation-in-angular/tree/main/src/app/components/Algorithms/sorting/insertion-sort/README.md)
-    - Merge Sort 
+    - [Merge Sort] (https://github.com/raj-rathod/DSA-visualisation-in-angular/tree/main/src/app/components/Algorithms/sorting/merge-sort/README.md)
     - Quick Sort
     - Counting Sort
     - Radix Sort

src/app/components/Algorithms/sorting/merge-sort/README.md

@@ -0,0 +1,67 @@
+![GitHub Repo stars](https://img.shields.io/github/stars/raj-rathod/DSA-visualisation-in-angular?style=social)
+![GitHub forks](https://img.shields.io/github/forks/raj-rathod/DSA-visualisation-in-angular?style=social)
+![GitHub watchers](https://img.shields.io/github/watchers/raj-rathod/DSA-visualisation-in-angular?style=social)
+![GitHub contributors](https://img.shields.io/github/contributors/raj-rathod/DSA-visualisation-in-angular)
+![GitHub issues](https://img.shields.io/github/issues-raw/raj-rathod/DSA-visualisation-in-angular)
+
+<p align='center' >
+<img src="https://raw.githubusercontent.com/raj-rathod/DSA-visualisation-in-angular/main/src/assets/icons/dsa-logo.png"/>
+</p>
+
+# Data structure and algorithms visualization [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Visualization%20is%20the%20better%20way%20to%20understand%20of%20the%20things&url=https://raj-rathod.github.io/DSA-visualisation-in-angular/&via=Rajesh946055&hashtags=dsa,faang,datastructures,Algorithms,developers)
+> DSA Visualization is a project on **data structures and algorithms**. In this project all points of data structures and algorithms like as working approach, properties, operations, applications, advantages and disadvantages are well explained and visualize the operations for better understanding.
+
+```HTML
+Visualization  is the better way to understand of the things
+``` 
+
+## [Dsa visualization live 👈](https://raj-rathod.github.io/DSA-visualisation-in-angular/)
+
+_If you like this project, please leave me a star._ &#9733;
+
+## Merge Sort | Merge Sort Properties | Merge Sort Applications | Merge Sort Visualization | Merge Sort Complexity | Merge Sort Space Complexity
+
+### What is Merge Sort ?
+
+>The Merge Sort algorithm is a sorting algorithm that is based on the Divide and Conquer paradigm. In this algorithm, the array is initially divided into two equal halves and then they are combined in a sorted manner
+Think of it as a recursive algorithm continuously splits the array in half until it cannot be further divided. This means that if the array becomes empty or has only one element left, the dividing will stop, i.e. it is the base case to stop the recursion. If the array has multiple elements, split the array into halves and recursively invoke the merge sort on each of the halves. Finally, when both halves are sorted, the merge operation is applied. Merge operation is the process of taking two smaller sorted arrays and combining them to eventually make a larger one
+
+### Merge Sort Flowchart 
+- mergeSort(arr[], left, right)
+- If right > left
+- Find the middle point to divide the array into two halves: middle m = left + (right – left)/2
+- Call mergeSort for first half: mergeSort(arr, lrft, m)
+- Call mergeSort for second half: mergeSort(arr, m + 1, right)
+- Merge the two halves sorted merge(arr, left, m, right)
+
+<img src="https://github.com/raj-rathod/DSA-visualisation-in-angular/blob/main/src/assets/ds-image/merge-sort-flowchart.jpg?raw=true">
+
+<br>
+
+### Merge Sort Example
+
+<br>
+
+<img src="https://github.com/raj-rathod/DSA-visualisation-in-angular/blob/main/src/assets/ds-image/merge-sort.jpg?raw=true">
+
+## [Learn More About Merge Sort 👈](https://raj-rathod.github.io/DSA-visualisation-in-angular/)
+
+
+## Contributing
+Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
+Please read the [Contribute guide](.github/CONTRIBUTING.md)
+
+
+## Connect with me ~Rajesh Rathore
+
+[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-0e76a8?style=flat-square&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/rajesh-rathore-0501/)
+[![Website Badge](https://img.shields.io/badge/Website-3b5998?style=flat-square&logo=google-chrome&logoColor=white)](https://linktr.ee/rajesh_rathore)
+[![Twitter Badge](https://img.shields.io/badge/-Twitter-00acee?style=flat-square&logo=Twitter&logoColor=white)](https://twitter.com/Rajesh946055)
+[![Instagram Badge](https://img.shields.io/badge/-Instagram-e4405f?style=flat-square&logo=Instagram&logoColor=white)](https://www.instagram.com/raj_rathod1313/?hl=en)
+
+
+***Do star, fork and share the repo to show your support, it would help others too!***   <br>
+ <br>
+ Let me know your views or any changes or improvements or contribute to make better for others 
+ 
+ :heart: ***Thank you all for Forking this repository and contribute***  :heart:

src/app/components/Algorithms/sorting/merge-sort/merge-sort.component.html

@@ -1,9 +1,9 @@
 <h1 class="text-center"> Merge Sort </h1>
 <div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.defination"></div>
-<div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.explainImage"></div>
-<div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.properties"></div>
-<div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.flowChart"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.workingProcedure"></div>
+<div class="mt-md-4 mt-3 col-md-7" [innerHtml]="mergeSortMetaData.flowChart"></div>
+<div class="mt-md-4 mt-3 col-md-7" [innerHtml]="mergeSortMetaData.explainImage"></div>
+<div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.properties"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.applications"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.other"></div>
 <div class="mt-md-4 mt-3" [innerHtml]="mergeSortMetaData.advantage"></div>

src/app/core/algorithms/sorting-meta-data.ts

@@ -175,15 +175,15 @@ const mergeSortData = {
     the merge operation is applied. Merge operation is the process of taking two smaller sorted arrays and 
     combining them to eventually make a larger one
   `,
-  flowChart:"assets/ds-image/DSA-404.webp",
-  explainImage:"assets/ds-image/DSA-404.webp",
+  flowChart:"assets/ds-image/merge-sort-flowchart.jpg",
+  explainImage:"assets/ds-image/merge-sort.jpg",
   workingProcedure:[
-    'mergeSort(arr[], l,  r)',
-    'If r > l',
-    `Find the middle point to divide the array into two halves: middle m = l + (r – l)/2`,
-    `Call mergeSort for first half: mergeSort(arr, l, m)`,
-    `Call mergeSort for second half: mergeSort(arr, m + 1, r)`,
-    `Merge the two halves sorted in steps 2 and 3: merge(arr, l, m, r)`
+    'mergeSort(arr[], left,  right)',
+    'If right > left',
+    `Find the middle point to divide the array into two halves: middle m = left + (right – left)/2`,
+    `Call mergeSort for first half: mergeSort(arr, lrft, m)`,
+    `Call mergeSort for second half: mergeSort(arr, m + 1, right)`,
+    `Merge the two halves sorted  merge(arr, left, m, right)`
   ],
   properties:[
     `Merge Sort is useful for sorting linked lists.`,

src/app/core/meta-data/meta-data.ts

@@ -28,7 +28,7 @@ export const socialLinkes: SocialLink[] = [
     {
         name:"Instagram",
         image:"assets/icons/instagram.svg",
-        url: "https://www.instagram.com/raj_rathod1313/"
+        url: "https://www.instagram.com/dsa_visualization/"
     },
     {
         name: "Linkedin",