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
const HomePage = () => {
const [isLoaded, setIsLoaded] = useState(true);
const developerInfo = {
name: 'Khushleen Purba',
role: 'Computer Science Student • Designer • Technical Problem Solver',
bio: 'I build practical digital solutions by combining programming, design, and real-world problem solving. Passionate about technology, creative design, and delivering user-focused results.'
};
useEffect(() => {
document.title = `${developerInfo.name} | Portfolio`;
setIsLoaded(true);
}, []);
return (
<main className="hero-container">
<h1>{developerInfo.name}</h1>
<p>{developerInfo.role}</p>
<div className="cta">
<Link href="/projects">View Projects</Link>
</div>
</main>
);
};
export default HomePage;
Khushleen Purba
Full Stack Developer & AI/ML Enthusiast
I’m a Computer Science student at the University of Winnipeg with experience in programming, graphic design, and technical operations. I enjoy building digital solutions, solving real-world problems, and continuously learning new technologies.
{
}
<>
/>
()
[]
=>