-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathconstants.tsx
More file actions
300 lines (295 loc) · 12.9 KB
/
constants.tsx
File metadata and controls
300 lines (295 loc) · 12.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
import { Project, Article, TechCapability, Education } from './types';
export const NAV_LINKS = [
{ name: 'HOME', path: '/' },
{ name: 'PROJECTS', path: '/projects' },
{ name: 'LOGS', path: '/articles' },
{ name: 'COMM', path: '/contact' },
];
export const PROJECTS: Project[] = [
{
id: '1',
title: 'RETENTION AI',
category: 'AI & Machine Learning',
tags: ['Next.js', 'FastAPI', 'Gemini AI', 'Scikit-learn', 'Docker'],
description: 'HR Assistant app predicting churn probability using supervised ML and generating retention plans via GenAI.',
problem: 'HR teams lack data-driven insights to identify at-risk employees.',
solution: 'Integrated a Scikit-learn churn model with Gemini 2.5 Flash for role-based plans.',
impact: 'Streamlined HR decision-making with predictive analytics and automated insights.',
image: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: '#' // Original project not in scan list
},
{
id: '2',
title: 'EMOTION SENSE',
category: 'Computer Vision',
tags: ['Python', 'OpenCV', 'TensorFlow', 'Keras', 'CNN'],
description: 'Real-time computer vision system for facial landmark recognition and emotion classification.',
problem: 'Traditional systems lack emotional intelligence and responsiveness.',
solution: 'Engineered a CNN for real-time facial expression analysis.',
impact: 'Achieved high accuracy in live video feeds for UX testing.',
image: 'https://images.unsplash.com/photo-1527430253228-e93688616381?q=80&w=2834&auto=format&fit=crop',
year: '2024',
link: '#' // Original project not in scan list
},
{
id: '3',
title: 'WILD OASIS ADMIN',
category: 'SaaS Dashboard',
tags: ['React', 'Supabase', 'React Query', 'Styled Components'],
description: 'Internal hotel employee dashboard for cabin, booking, and user management.',
problem: 'Need for efficient administrative tools to manage bookings and cabins.',
solution: 'Built a full-featured dashboard with complex filtering, real-time stats, and custom compounds.',
impact: 'Optimized operations for hotel staff with seamless synchronization.',
image: '/wild-oasis-admin.png',
year: '2023',
link: 'https://github.com/codehass/the-wild-oasis'
},
{
id: '4',
title: 'WILD OASIS BOOKING',
category: 'Consumer Platform',
tags: ['Next.js', 'Tailwind CSS', 'Auth.js', 'Server Components'],
description: 'High-end guest portal for browsing and booking luxury cabins with real-time sync.',
problem: 'Guests need a fast, secure, and intuitive booking experience.',
solution: 'Server-side rendered application with Next.js and Supabase integration.',
impact: 'Delivered accessible and high-performance booking flows.',
image: '/wild-oasis.png',
year: '2023',
link: 'https://github.com/codehass/the-wild-oasis-website'
},
{
id: '5',
title: 'TALAIT TRANSLATE',
category: 'Full Stack',
tags: ['Next.js', 'TypeScript', 'Tailwind', 'Docker'],
description: 'Secure fullstack translation platform with integrated IT ticket management.',
problem: 'Fragmented interfaces for specialized translation and support flows.',
solution: 'Scalable Next.js frontend with unified ticket and translation modules.',
impact: 'Consolidated workflows into a single high-performance interface.',
image: 'https://images.unsplash.com/photo-1526628953301-3e589a6a8b74?q=80&w=2606&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/talait-translate-service-frontend'
},
{
id: '6',
title: 'MLOPS PIPELINE',
category: 'AI & Data Engineering',
tags: ['Python', 'Docker', 'Kubernetes', 'GitHub Actions'],
description: 'End-to-end MLOps pipeline for automated ticket categorization and drift detection.',
problem: 'Manual categorization of IT support tickets slows down response times.',
solution: 'Automated pipeline with semantic embeddings and supervised ML categorization.',
impact: 'Achieved scalable model deployment with integrated performance monitoring.',
image: 'https://images.unsplash.com/photo-1555949963-ff9fe0c870eb?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/nlp-support-pipeline-mlops'
},
{
id: '7',
title: 'IT SUPPORT RAG',
category: 'AI / LangChain',
tags: ['LangChain', 'LangGraph', 'FastAPI', 'MLflow'],
description: 'Industrial-grade RAG Assistant for technical support teams.',
problem: 'Navigating internal docs for technical issues is inefficient for support staff.',
solution: 'RAG assistant with unsupervised query clustering and LangChain orchestration.',
impact: 'Streamlined documentation retrieval and automated first-level responses.',
image: 'https://images.unsplash.com/photo-1677442136019-21780ecad995?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/it-support-rag-assistant'
},
{
id: '8',
title: 'QUANT AI PROJECT',
category: 'AI & Data Engineering',
tags: ['Airflow', 'PySpark', 'MLLib', 'PostgreSQL'],
description: 'Real-time data pipeline and prediction engine for Bitcoin market trend analysis.',
problem: 'High-velocity crypto market data requires low-latency ingestion and inference.',
solution: 'Spark MLLib and Streaming pipeline orchestrated via Airflow for Binance data.',
impact: 'Real-time volatility tracking and price movement forecasting.',
image: 'https://images.unsplash.com/photo-1518546305927-5a555bb7020d?q=80&w=2669&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/Quant-AI-Project'
},
{
id: '9',
title: 'SMART LOGI TRACK',
category: 'Data Infrastructure',
tags: ['PySpark', 'Airflow', 'FastAPI', 'Medallion'],
description: 'Medallion architecture ETL pipeline for urban logistics and ETA prediction.',
problem: 'Fragmented data sources make real-time ETA tracking difficult for urban fleets.',
solution: 'Distributed ETL via Spark with Bronze, Silver, and Gold data tiers.',
impact: 'Provided a high-fidelity control tower overview for logistics operators.',
image: 'https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/smart-logi-track-API'
},
{
id: '10',
title: 'AI ORCHESTRATOR',
category: 'Frontend Engineering',
tags: ['Next.js', 'Lucide', 'Tailwind', 'Docker'],
description: 'User interface for managing and monitoring multi-agent AI orchestration workflows.',
problem: 'Orchestrating multiple autonomous agents lacks a clear visual control layer.',
solution: 'Modern dashboard for real-time monitoring of AI agent operations.',
impact: 'Simplified complex agent management for non-technical administrators.',
image: 'https://images.unsplash.com/photo-1485827404703-89b55fcc595e?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/ai-orchestrator-frontend'
},
{
id: '11',
title: 'SENTIMENT SENSE',
category: 'AI Application',
tags: ['Next.js', 'Node.js', 'Docker', 'Tailwind'],
description: 'Sentiment analysis platform classifying text feedback into positive, negative, and neutral states.',
problem: 'Analyzing large volumes of customer feedback manually is inefficient.',
solution: 'Lightweight ML model served via a containerized Node.js application.',
impact: 'Automated qualitative data analysis for product feedback.',
image: 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2670&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/sentiment-analysis-front-end'
},
{
id: '12',
title: 'FINANCE DASHBOARD',
category: 'Full Stack',
tags: ['Next.js', 'PostgreSQL', 'Tailwind', 'Auth'],
description: 'Full-stack financial dashboard for administrative invoice management.',
problem: 'Small businesses need an accessible tool for tracking financial health.',
solution: 'Secure application with invoice metrics and user authentication.',
impact: 'Enhanced visibility into business revenues and pending actions.',
image: 'https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2426&auto=format&fit=crop',
year: '2024',
link: 'https://github.com/codehass/nextjs-dashboard'
},
{
id: '13',
title: 'BUDGET TRACKER',
category: 'Mobile Application',
tags: ['Ruby on Rails', 'PostgreSQL', 'Ruby', 'RSpec'],
description: 'Categorized transaction tracking application for mobile budget management.',
problem: 'Users need a simple, mobile-optimized way to track daily spending.',
solution: 'Ruby on Rails application with robust transaction categorization logic.',
impact: 'Empowered users to make data-driven decisions on personal spending.',
image: 'https://images.unsplash.com/photo-1554224155-6726b3ff858f?q=80&w=2622&auto=format&fit=crop',
year: '2023',
link: 'https://github.com/codehass/Budget-app'
}
];
export const ARTICLES: Article[] = [
{
id: '1',
title: 'Bridging Computer Vision and Web Interfaces',
excerpt: 'How to efficiently stream processed OpenCV video frames to a React frontend via WebSockets.',
category: 'Engineering',
readTime: '6 min',
date: 'OCT 2024',
},
{
id: '2',
title: 'Optimistic UI in Hotel Management Systems',
excerpt: 'Leveraging React Query to create seamless user experiences in data-heavy internal dashboards.',
category: 'Frontend',
readTime: '8 min',
date: 'SEP 2024',
},
{
id: '3',
title: 'The Role of Empathy in AI Models',
excerpt: 'Fine-tuning LLMs to provide structured, human-centric retention plans in HR tech.',
category: 'AI Theory',
readTime: '5 min',
date: 'AUG 2024',
},
];
export const TECH_CAPABILITIES: TechCapability[] = [
{
name: 'React / Next.js',
level: 95,
category: 'Frontend',
description: 'Server Components, Hooks, Optimization',
icons: ['https://cdn.simpleicons.org/react', 'https://cdn.simpleicons.org/nextdotjs']
},
{
name: 'Python / ML',
level: 90,
category: 'AI/ML',
description: 'TensorFlow, Scikit-learn, Gemini',
icons: ['https://cdn.simpleicons.org/python', 'https://cdn.simpleicons.org/tensorflow', 'https://cdn.simpleicons.org/scikitlearn']
},
{
name: 'Computer Vision',
level: 85,
category: 'AI/ML',
description: 'OpenCV, CNNs, Image Processing',
icons: ['https://cdn.simpleicons.org/opencv']
},
{
name: 'Backend & Rails',
level: 88,
category: 'Infrastructure',
description: 'FastAPI, Rails, Node.js, Express',
icons: ['https://cdn.simpleicons.org/fastapi', 'https://cdn.simpleicons.org/rubyonrails', 'https://cdn.simpleicons.org/nodedotjs', 'https://cdn.simpleicons.org/express']
},
{
name: 'Data Engineering',
level: 85,
category: 'AI/ML',
description: 'Apache Airflow, PySpark, Spark ML',
icons: ['https://cdn.simpleicons.org/apacheairflow', 'https://cdn.simpleicons.org/apachespark']
},
{
name: 'AI Orchestration',
level: 82,
category: 'AI/ML',
description: 'LangChain, LangGraph, MLflow',
icons: ['https://cdn.simpleicons.org/langchain', 'https://cdn.simpleicons.org/mlflow']
},
{
name: 'TypeScript',
level: 92,
category: 'Core',
description: 'Strict typing, Design Patterns',
icons: ['https://cdn.simpleicons.org/typescript']
},
{
name: 'Database',
level: 85,
category: 'Core',
description: 'PostgreSQL, Supabase, MongoDB',
icons: ['https://cdn.simpleicons.org/postgresql', 'https://cdn.simpleicons.org/supabase', 'https://cdn.simpleicons.org/mongodb']
},
{
name: 'Styling / UI',
level: 95,
category: 'Frontend',
description: 'Tailwind, Shadcn, Styled Comp',
icons: ['https://cdn.simpleicons.org/tailwindcss']
},
];
export const EDUCATION: Education[] = [
{
id: '1',
degree: 'Professional Training – AI & Full Stack Web Development',
school: "GIAIC (Governor's Initiative for AI & Computing)",
date: '2023 – Present',
location: 'Governor House, Karachi',
description: 'Pursuing advanced training in TypeScript (Q1 – 80%), Next.js (Q2 – 92%), and Python with Agentic AI (Q3 – Ongoing). Gained hands-on experience in full-stack app development.'
},
{
id: '2',
degree: 'Intermediate (In Progress)',
school: 'degree College',
date: '2020 – 2022',
location: 'Karachi, Pakistan',
description: 'Planning to pursue intermediate education in Computer Science. Meanwhile, learning through real-world coding, projects, and global tech communities.'
},
{
id: '3',
degree: 'Matriculation',
school: 'TGGHHS School',
date: '2018 – 2020',
location: 'Karachi, Pakistan',
description: 'Completed matriculation with distinction, focusing on science subjects. Developed a strong foundation in mathematics and scientific principles.'
}
];