Skip to content

Commit dcb9c46

Browse files
AmmarAhm3dAmmarAhm3d
committed
🚀 Add Migrate-AI project links and featured sections
- Add Migrate-AI FYP with live demo link in Education section - Feature Migrate-AI prominently in About section with CTA button - Include project description and live link (migrateai.vercel.app) - Add visual emphasis with gradient borders and hover effects - Make project easily discoverable for visitors
1 parent 75705b1 commit dcb9c46

File tree

2 files changed

+67
-8
lines changed

2 files changed

+67
-8
lines changed

‎src/components/About.jsx‎

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { motion, useInView } from 'framer-motion';
22
import { useRef } from 'react';
3-
import { TrendingUp, Target, Lightbulb } from 'lucide-react';
3+
import { TrendingUp, Target, Lightbulb, ExternalLink } from 'lucide-react';
44

55
const About = () => {
66
const ref = useRef(null);
@@ -76,11 +76,33 @@ const About = () => {
7676
<span className="text-accent font-semibold">NLP</span>, and{' '}
7777
<span className="text-neon-blue font-semibold">cloud computing</span>.
7878
</p>
79-
<p className="text-lg md:text-xl text-gray-400 leading-relaxed">
79+
<p className="text-lg md:text-xl text-gray-400 leading-relaxed mb-6">
8080
Passionate about leveraging data to solve complex problems and deliver{' '}
8181
<span className="text-accent font-semibold">actionable insights</span> that drive real-world impact.
8282
From neural networks to generative models, I transform data into intelligent systems.
8383
</p>
84+
85+
{/* Featured Project - Migrate-AI */}
86+
<div className="mt-6 p-6 bg-gradient-to-r from-accent/10 to-neon-blue/10 border-2 border-accent/50 rounded-xl hover:border-accent hover:shadow-[0_0_30px_rgba(0,255,136,0.3)] transition-all">
87+
<div className="flex items-start justify-between gap-4 flex-wrap">
88+
<div className="flex-1">
89+
<p className="text-sm text-accent font-semibold mb-2">🎓 FEATURED PROJECT</p>
90+
<h3 className="text-2xl font-bold text-white mb-2">Migrate-AI</h3>
91+
<p className="text-gray-300 mb-3">
92+
AI-powered migration assistant - My Final Year Project showcasing advanced NLP and Generative AI capabilities
93+
</p>
94+
</div>
95+
<a
96+
href="https://migrateai.vercel.app"
97+
target="_blank"
98+
rel="noopener noreferrer"
99+
className="group inline-flex items-center gap-2 px-6 py-3 bg-gradient-to-r from-accent to-neon-blue rounded-full text-white font-semibold hover:shadow-[0_0_30px_rgba(0,255,136,0.5)] transition-all hover:scale-105"
100+
>
101+
<span>View Live</span>
102+
<ExternalLink size={18} className="group-hover:translate-x-1 transition-transform" />
103+
</a>
104+
</div>
105+
</div>
84106
</div>
85107
</motion.div>
86108

‎src/components/Timeline.jsx‎

Lines changed: 43 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,19 @@ const Timeline = () => {
1212
institution: "National University of Computer and Emerging Sciences (FAST-NUCES)",
1313
location: "Lahore, Pakistan",
1414
period: "June 2021 - June 2025",
15+
fyp: {
16+
name: "Migrate-AI",
17+
description: "Final Year Project - AI-powered migration assistant",
18+
link: "https://migrateai.vercel.app"
19+
},
1520
courses: [
16-
"Migrate-AI (FYP)",
17-
"Natural Language Processing",
1821
"Generative AI",
19-
"Big Data Analytics",
20-
"Data Mining"
22+
"Deep Learning for Perception",
23+
"Introduction to CLoud Computing AWS",
24+
"Natural Language Processing",
25+
"Data Mining",
26+
"Data Analysis and Visualization",
27+
"Big Data Analytics"
2128
]
2229
},
2330
{
@@ -62,8 +69,8 @@ const Timeline = () => {
6269
},
6370
{
6471
name: "Data Analysis Using Python",
65-
credentialId: "3d1d18ab-be1b-4e8d-94d0-81c742db3320",
66-
link: "https://www.credly.com/badges/3d1d18ab-be1b-4e8d-94d0-81c742db3320"
72+
credentialId: "7611de03-61c1-49b4-b3e2-f8aad80a913f",
73+
link: "https://www.credly.com/badges/7611de03-61c1-49b4-b3e2-f8aad80a913f"
6774
},
6875
{
6976
name: "Python for Data Science",
@@ -136,6 +143,36 @@ const Timeline = () => {
136143
<p className="text-lg text-neon-blue mb-1">{edu.institution}</p>
137144
<p className="text-gray-400 mb-1">{edu.location}</p>
138145
<p className="text-accent font-semibold mb-3">{edu.period}</p>
146+
147+
{/* Final Year Project */}
148+
{edu.fyp && (
149+
<div className="mt-4 mb-4">
150+
<a
151+
href={edu.fyp.link}
152+
target="_blank"
153+
rel="noopener noreferrer"
154+
className="group inline-block"
155+
>
156+
<div className="bg-gradient-to-r from-accent/20 to-neon-blue/20 border-2 border-accent rounded-lg p-4 hover:border-neon-blue hover:shadow-[0_0_20px_rgba(0,255,136,0.4)] transition-all">
157+
<div className="flex items-start justify-between gap-2">
158+
<div>
159+
<p className="text-sm text-gray-400 mb-1">🎓 Final Year Project</p>
160+
<h4 className="text-xl font-bold text-white group-hover:text-accent transition-colors flex items-center gap-2">
161+
{edu.fyp.name}
162+
<ExternalLink size={18} className="text-accent group-hover:translate-x-1 transition-transform" />
163+
</h4>
164+
<p className="text-sm text-gray-300 mt-1">{edu.fyp.description}</p>
165+
</div>
166+
</div>
167+
<div className="mt-3 text-xs text-accent font-semibold flex items-center gap-1">
168+
<span>🚀 Live Demo</span>
169+
<span className="opacity-60">→ migrateai.vercel.app</span>
170+
</div>
171+
</div>
172+
</a>
173+
</div>
174+
)}
175+
139176
{edu.courses && (
140177
<div className="mt-4">
141178
<p className="text-sm text-gray-400 mb-2">Key Courses:</p>

0 commit comments

Comments
 (0)