update: project-structure

CONTRIBUTING.md

@@ -40,7 +40,7 @@ git push -u origin <your_branch_name>
 
 We want your work to be readable by others; therefore, we encourage you to note the following:
 
-1. File names should be in `snake_case` letters (e.g., `music_genre_classification_model`, `insurance_cross_sell_prediction`).
+1. File names should be in `kebab-case` letters (e.g., `music-genre-classification-model`, `insurance-cross-sell-prediction`).
 2. Follow the [***PROJECT README TEMPLATE***](./PROJECT-README-TEMPLATE.md).
 3. Do not upload images, videos, notebooks, or Python files directly. Use a GitHub raw URL in the documentation.
 4. Don't create more than 3-4 commits until not permitted by Admin and Mentors of the project.

docs/algorithms/artificial-intelligence/evolutionary-algorithms/index.md

@@ -0,0 +1,11 @@
+# Evolutionary Algorithms 💡 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/artificial-intelligence/expert-systems/index.md

@@ -0,0 +1,11 @@
+# Expert Systems 💡 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/artificial-intelligence/index.md

@@ -0,0 +1,60 @@
+# Artificial Intelligence 💡
+
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;">
+
+<!-- Search and Optimization -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="search-and-optimization/" style="width: 100%; display: block;">
+    <img src="https://bs-uploads.toptal.io/blackfish-uploads/components/open_graph_image/8958295/og_image/optimized/0901-Genetic_Algorithms-Search_and_Optimization_by_Natural_Selection_Dan_Social-c593a24c34612eaba65058efa44e7980.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Search and Optimization</h3>
+      <p style="font-size: 14px; color: #666;">Efficient problem-solving through systematic searching and optimization.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Knowledge Based Systems -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="knowledge-based-systems/" style="width: 100%; display: block;">
+    <img src="https://i.pinimg.com/originals/c4/eb/af/c4ebaf51aae392be929a687f02e2d624.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Knowledge Based Systems</h3>
+      <p style="font-size: 14px; color: #666;">AI-driven systems that mimic human expertise for decision-making.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Expert Systems -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="expert-systems/" style="width: 100%; display: block;">
+    <img src="https://boxofnotes.com/wp-content/uploads/2022/11/Expert-System-in-Artificial-Intelligence.jpg" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Expert Systems</h3>
+      <p style="font-size: 14px; color: #666;">Simulating expert knowledge to solve complex real-world problems.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Reinforcement Learning -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="reinforcement-learning/" style="width: 100%; display: block;">
+    <img src="https://assets.everspringpartners.com/dims4/default/4d0fcfa/2147483647/strip/true/crop/1588x500+0+0/resize/800x252!/quality/90/?url=http%3A%2F%2Feverspring-brightspot.s3.us-east-1.amazonaws.com%2F56%2F37%2F6cb40b5a465182ec3380b26f2b6c%2Fscu-leavey-all-blog-2022-9reallifeexamplesreinforcementlearning-headerimage.jpg" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Reinforcement Learning</h3>
+      <p style="font-size: 14px; color: #666;">Learning through interaction to maximize rewards and improve performance.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Evolutionary Algorithms -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="evolutionary-algorithms/" style="width: 100%; display: block;">
+    <img src="https://img.freepik.com/free-vector/vector-abstract-colorful-big-data-point-plot-visualization-futuristic-background-design_1217-2444.jpg" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Evolutionary Algorithms</h3>
+      <p style="font-size: 14px; color: #666;">Optimizing solutions through processes inspired by natural selection.</p>
+    </figcaption>
+  </a>
+</figure>
+
+</div>

docs/algorithms/artificial-intelligence/knowledge-based-systems/index.md

@@ -0,0 +1,11 @@
+# Knowledge Based Systems 💡 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/artificial-intelligence/reinforcement-learning/index.md

@@ -0,0 +1,11 @@
+# Reinforcement Learning 💡 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/artificial-intelligence/search-and-optimization/index.md

@@ -0,0 +1,11 @@
+# Search and Optimization 💡 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/computer-vision/image-augmentation/index.md

@@ -0,0 +1,11 @@
+# Image Augmentation 🎥 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/computer-vision/image-processing/index.md

@@ -0,0 +1,11 @@
+# Image Processing 🎥 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/computer-vision/index.md

@@ -0,0 +1,49 @@
+# Computer Vision 🎥 
+
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;">
+
+<!-- Image Processing -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="image-processing/" style="width: 100%; display: block;">
+    <img src="https://bs-uploads.toptal.io/blackfish-uploads/components/open_graph_image/8960015/og_image/optimized/python-image-processing-in-computational-photography-5d77757e8906f81677a9871defdd014d.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Image Processing</h3>
+      <p style="font-size: 14px; color: #666;">Techniques for manipulating images to improve quality or extract features.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Object Detection -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="object-detection/" style="width: 100%; display: block;">
+    <img src="https://learnopencv.com/wp-content/uploads/2024/01/contour2.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Object Detection</h3>
+      <p style="font-size: 14px; color: #666;">Identifying and localizing objects within images or video.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Semantic Segmentation -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="semantic-segmentation/" style="width: 100%; display: block;">
+    <img src="https://miro.medium.com/v2/resize:fit:1170/1*kuObIc9doI7hgsiCIVeJZA.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Semantic Segmentation</h3>
+      <p style="font-size: 14px; color: #666;">Dividing an image into regions with semantic meaning for analysis.</p>
+    </figcaption>
+  </a>
+</figure>
+
+<!-- Image Augmentation -->
+<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
+  <a href="image-augmentation/" style="width: 100%; display: block;">
+    <img src="https://editor.analyticsvidhya.com/uploads/84333flip.jpg" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
+    <figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
+      <h3 style="margin: 0; font-size: 18px;">Image Augmentation</h3>
+      <p style="font-size: 14px; color: #666;">Enhancing training data by applying transformations to images.</p>
+    </figcaption>
+  </a>
+</figure>
+
+</div>

docs/algorithms/computer-vision/object-detection/index.md

@@ -0,0 +1,11 @@
+# Object Detection 🎥 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/computer-vision/semantic-segmentation/index.md

@@ -0,0 +1,11 @@
+# Semantic Segmentation 🎥 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>

docs/algorithms/deep-learning/architectures/index.md

@@ -0,0 +1,11 @@
+# Architectures ✨ 
+
+<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
+  <div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
+    <img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
+  </div>
+  <h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
+  <p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
+    There are no items available at this time. Check back again later.
+  </p>
+</div>