Added handling of disaplaying pypi link and maintain status of my projects

src/lib/components/SkillTree.svelte

@@ -966,8 +966,15 @@
 				</div>
 			{/if}
 
+			<!-- Project status badge -->
+			{#if selectedNode.status}
+				<div class="project-status">
+					<span class="status-badge {selectedNode.status}">{selectedNode.status}</span>
+				</div>
+			{/if}
+
 			<!-- Links (for projects) -->
-			{#if selectedNode.projectUrl || selectedNode.repoUrl}
+			{#if selectedNode.projectUrl || selectedNode.repoUrl || selectedNode.pypiUrl || selectedNode.npmUrl}
 				<div class="links">
 					{#if selectedNode.projectUrl}
 						<a href={selectedNode.projectUrl} target="_blank" rel="noopener noreferrer">🔗 Live Site</a>
@@ -975,6 +982,12 @@
 					{#if selectedNode.repoUrl}
 						<a href={selectedNode.repoUrl} target="_blank" rel="noopener noreferrer">💻 Repository</a>
 					{/if}
+					{#if selectedNode.pypiUrl}
+						<a href={selectedNode.pypiUrl} target="_blank" rel="noopener noreferrer">📦 PyPI</a>
+					{/if}
+					{#if selectedNode.npmUrl}
+						<a href={selectedNode.npmUrl} target="_blank" rel="noopener noreferrer">📦 npm</a>
+					{/if}
 				</div>
 			{/if}
 		</div>
@@ -1349,4 +1362,38 @@
 	.resume-button:active {
 		transform: translateY(0);
 	}
+
+	.project-status {
+		margin: 0.75rem 0;
+	}
+
+	.status-badge {
+		display: inline-block;
+		padding: 0.25rem 0.6rem;
+		border-radius: 4px;
+		font-size: 0.7rem;
+		font-weight: bold;
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+	}
+
+	.status-badge.active {
+		background: #2f855a;
+		color: #c6f6d5;
+	}
+
+	.status-badge.maintained {
+		background: #2b6cb0;
+		color: #bee3f8;
+	}
+
+	.status-badge.completed {
+		background: #6b5b95;
+		color: #e2d8f0;
+	}
+
+	.status-badge.archived {
+		background: #4a5568;
+		color: #e2e8f0;
+	}
 </style>

src/lib/data.ts

@@ -30,7 +30,7 @@ export interface TreeNode {
 	pypiUrl?: string;       // For PyPI packages
 	downloads?: string;     // "1,000+ downloads"
 	stars?: number;         // GitHub stars
-	status?: 'active' | 'maintained' | 'archived';
+	status?: 'active' | 'maintained' | 'archived' | 'completed';
 
 	// ========== SKILL-SPECIFIC FIELDS ==========
 	proficiency?: 'beginner' | 'intermediate' | 'advanced' | 'expert';
@@ -313,7 +313,7 @@ export const treeNodes: TreeNode[] = [
 		size: 'small',
 		icon: '/icons/svelte.svg',
 		techStack: ['SvelteKit', 'TypeScript', 'PixiJS', 'GSAP', 'Tailwind CSS'],
-		projectUrl: 'https://yourportfolio.com',
+		projectUrl: 'https://tehriehldeal.com',
 		repoUrl: 'https://github.com/yourusername/skill-tree-portfolio',
 	},