taqi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor frontend code

Browse Source 
Fixes #3
This commit is contained in:
Taqi Tahmid
2025-04-12 10:02:02 +03:00
parent e4f9282d7d
commit 1d45fca783
4 changed files with 106 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/pages/Projects.tsx
View File

@ -1,70 +1,9 @@
import { Github, Link } from 'lucide-react'
import { COLORS } from '../constants'
import { COLORS, PROJECTS } from '../constants'
import { Tooltip } from '../components/Tooltip'
const Projects = () => {
const BoldStyle = 'text-blue-900 dark:text-blue-300 font-semibold'
const projects = [
{
title: 'Self-Hosted Kubernetes Homelab Cluster',
description:
'Architected and deployed a production-grade Kubernetes cluster in my homelab environment, showcasing infrastructure-as-code principles and modern DevOps practices. The cluster hosts a diverse ecosystem of services including my portfolio website, high-availability database, private container image registry, network-wide ad-blocking solution using AdGuard, and a comprehensive media server stack.',
technologies: ['Kubernetes', 'KVM', 'Linux', 'Go', 'Docker', 'Helm', 'MetalLB'],
links: [
{
icon: <Github size={24} />,
href: 'https://github.com/yourusername/k8s-monitoring',
label: 'GitHub',
},
],
},
{
title: 'Personal Portfolio Website',
description:
"Engineered and deployed a modern, responsive portfolio website using React, showcasing professional experience and technical projects. The website features a clean, intuitive design with dark/light theme support, responsive layouts, and smooth transitions. The site utilizes React's latest features and Tailwind CSS for styling. The entire application is containerized using Docker and deployed on a personal Kubernetes cluster, demonstrating a full DevOps pipeline from development to production.",
technologies: ['React', 'Tailwind CSS', 'Docker', 'Kubernetes', 'Nginx'],
links: [
{
icon: <Github size={24} />,
href: 'https://github.com/TheTaqiTahmid/my-portfolio',
label: 'GitHub',
},
{
icon: <Link size={24} />,
href: 'https://portfolio.tahmidcloud.com',
label: 'Live Demo',
},
],
},
{
title: 'Automated Crypto Trading Bot',
description:
"Engineered a Python-based cryptocurrency trading bot that interfaces with Binance's API to execute automated trades based on custom strategies. The bot implements real-time price monitoring, configurable stop-loss and take-profit mechanisms, and intelligent position management. It features a robust risk management system, detailed trade logging, and performance analytics. The bot can handle multiple trading pairs simultaneously.",
technologies: ['Python', 'Binance API', 'Pandas', 'NumPy'],
links: [
{
icon: <Github size={24} />,
href: 'https://github.com/TheTaqiTahmid/binanceCryptoBot',
label: 'GitHub',
},
],
},
{
title: 'Command Line Todo Application',
description:
"Developed a fast and efficient CLI-based Todo application in Go that enables seamless task management through simple terminal commands. The application leverages Go's strong concurrency features. Users can perform CRUD operations (Create, Read, Update, Delete) on tasks.",
technologies: ['Go', 'Cobra CLI'],
links: [
{
icon: <Github size={24} />,
href: 'https://github.com/TheTaqiTahmid/todo',
label: 'GitHub',
},
],
},
]
return (
<div className="p-4 max-w-4xl mx-auto">
<h1
@ -74,7 +13,7 @@ const Projects = () => {
</h1>
<div className="space-y-8">
{projects.map((project, index) => (
{PROJECTS.map((project, index) => (
<div
key={index}
className="border-2 border-gray-300 dark:border-gray-700 rounded-lg p-6 hover:shadow-lg transition-shadow duration-300"