105 lines
3.8 KiB
JavaScript
105 lines
3.8 KiB
JavaScript
export default function Experience() {
|
|
return (
|
|
<section className="grid gap-8 md:gap-12">
|
|
<div className="relative after:absolute after:inset-y-2 after:w-1 after:bg-gray-700 after:left-[-4px] md:after:left-1 lg:after:left-2 xl:after:left-3 grid gap-8 md:gap-12 pl-6 md:pl-8">
|
|
<div className="grid gap-4 relative">
|
|
<div className="aspect-square w-5 bg-black rounded-full absolute left-0 translate-x-[-29.5px] z-10" />
|
|
<div className="font-medium text-lg">2023 - Present</div>
|
|
<div>
|
|
<h3 className="font-semibold text-xl text-black">
|
|
PT Hafdzamedia Teknologi Aplikasi
|
|
</h3>
|
|
<h4 className=" font-light text-md mb-4">
|
|
Fullstack Web Developer | Part-time
|
|
</h4>
|
|
<p className="text-justify">
|
|
Responsible for building and maintaining scalable
|
|
web applications using the latest technologies.
|
|
Collaborated with cross-functional teams to deliver
|
|
high-quality solutions that meet business
|
|
requirements.
|
|
</p>
|
|
<div className="flex flex-wrap gap-2 mt-4 text-sm">
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
React
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Next.js
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Laravel
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
MySql
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="grid gap-4 relative">
|
|
<div className="aspect-square w-5 bg-black rounded-full absolute left-0 translate-x-[-29.5px] z-10" />
|
|
<div className="font-medium text-lg">2024 - Present</div>
|
|
<div>
|
|
<h3 className="font-semibold text-xl text-black">
|
|
Outlier
|
|
</h3>
|
|
<h4 className=" font-light text-md mb-4">
|
|
AI Trainer | Freelance
|
|
</h4>
|
|
<p className="text-justify">
|
|
Crafted and refined chatbot prompts using prompt
|
|
engineering and RLHF techniques to improve the AI
|
|
responses in English and Indonesian, leading to more
|
|
accurate and contextually relevant interactions.
|
|
</p>
|
|
|
|
<div className="flex flex-wrap gap-2 mt-4 text-sm">
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Generative AI
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Prompt Engineering
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Problem Solving
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="grid gap-4 relative">
|
|
<div className="aspect-square w-5 bg-black rounded-full absolute left-0 translate-x-[-29.5px] z-10" />
|
|
<div className="font-medium text-lg">2023 - Present</div>
|
|
<div>
|
|
<h3 className="font-semibold text-xl text-black">
|
|
Self-Employed
|
|
</h3>
|
|
<h4 className=" font-light text-md mb-4">
|
|
Web Developer | Freelance
|
|
</h4>
|
|
<p className="text-justify">
|
|
Specialized in crafting innovative solutions using
|
|
Laravel and Next.js, enhancing client satisfaction
|
|
and project efficiency. Contributed expertise in
|
|
both frontend and backend development during
|
|
collaborative team projects, leading to successful
|
|
project completions
|
|
</p>
|
|
<div className="flex flex-wrap gap-2 mt-4 text-sm">
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
React
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Next.js
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
Laravel
|
|
</div>
|
|
<div className="bg-gray-300 text-black px-2 py-1 rounded-2xl">
|
|
MySql
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|