Applied the search filter by tags and added tags for each project

Author: Jils31

script.js

@@ -20,7 +20,7 @@ const sampleProjects = [
                 description: 'A responsive weather application with beautiful animations and detailed forecasts. Features location-based weather data and interactive charts.',
                 repoUrl: 'https://github.com/example/weather-dashboard',
                 demoUrl: 'https://example.github.io/weather-dashboard/',
-                difficulty: 'Intermediate',
+                difficulty: 'intermediate',
                 upvotes: 28,
                 hasDemo: true,
                 hasReadme: true,
@@ -59,7 +59,7 @@ const sampleProjects = [
                 description: 'A simple and intuitive expense tracker app to monitor daily spending, manage budgets, and gain financial insights.',
                 repoUrl: 'https://github.com/DineshPabboju/Expense-Tracker-App',
                 demoUrl: 'https://expense-tracker-app-04.netlify.app/',
-                difficulty: 'Intermediate',
+                difficulty: 'intermediate',
                 upvotes: 21,
                 hasDemo: true,
                 hasReadme: false,
@@ -171,6 +171,12 @@ const sampleProjects = [
                             : ' • <i class="fas fa-exclamation-triangle meta-icon"></i> No README'
                         }
                     </div>
+
+                    <div class="project-tags">
+                        ${project.tags.map((item, index)=>`
+                            <span class="tag-badge">${item}</span>
+                        `).join('')}
+                    </div>
                     
                     <div class="upvote-section">
                         ${project.hasDemo && project.demoUrl 

style.css

@@ -461,6 +461,24 @@
             color: #667eea;
         }
 
+        .project-tags {
+            margin-top: 0.5rem;
+            margin-bottom: 5px;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 6px;
+        }
+
+        .tag-badge {
+            background-color: #e0e0e0;
+            color: #333;
+            padding: 4px 8px;
+            border-radius: 12px;
+            font-size: 12px;
+            display: inline-block;
+            white-space: nowrap;
+        }
+
         .upvote-section {
             display: flex;
             justify-content: space-between;