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
import { technologies } from '@/data/technologies';
const HomePage = () => {
const [isLoaded, setIsLoaded] = useState(true);
const developerInfo = {
name: 'Rajat Mishra',
role: 'Software Developer',
bio: 'I am a software developer with a passion for building
user-friendly, scalable, and high-performance software applications.'
};
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>
<div className="tech-stack">
{technologies.map(tech => <span>{tech.name}</span>)}
</div>
</main>
);
};
export default HomePage;
Rajat Mishra
Software Developer
I am a software developer with a passion for building user-friendly, scalable, and high-performance software applications.
Technologies I've Worked With:
JavaScriptTypeScriptPythonGoJavaShell ScriptingReduxHTML/CSSNode.jsNest.jsFastAPISpring BootReactNext.jsMongoDBAWS DynamoDBPostgreSQLMySQLLinuxJenkinsAWSTerraformGitKafkaRedisGraphQLgRPCWebRTCDockerKubernetes
{
}
<>
/>
()
[]
=>