rythondev/RythonDev
1
0
Fork 0
mirror of https://github.com/liyunze-coding/RythonDev.git synced 2026-09-22 07:44:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated experience and skills

Browse source
This commit is contained in:
liyunze 2026-04-08 11:52:36 +10:00
parent b2abd4eecd
commit 700a7bb3d7
3 changed files with 59 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/RyanLee_SoftwareDeveloper_Resume.pdf
View file

Binary file not shown.

106
src/components/experience/ExperienceComponent.tsx
View file

@ -63,7 +63,7 @@ function ExperienceTabContent() {
className: "pb-5", className: "pb-5",
})} })}
{Position({ {Position({
title: "Lead Full Stack Developer (Part Time)", title: "Full Stack Developer (Part Time)",
dateRange: "Dec 2024 - Feb 2026", dateRange: "Dec 2024 - Feb 2026",
country: "Malaysia", country: "Malaysia",
highlights: [ highlights: [
@ -118,7 +118,7 @@ function ExtracurricularTabContent() {
className: "pb-5", className: "pb-5",
highlights: [ highlights: [
`Leading frontend development of club's revamped website in Astro.`, `Leading frontend development of club's revamped website in Astro.`,
"Hosted study sessions to encourage productivity amongst students." "Hosted study sessions to encourage productivity amongst students.",
], ],
})} })}
{Position({ {Position({
@ -138,8 +138,8 @@ function ExtracurricularTabContent() {
highlights: [ highlights: [
"Directed actors during video filming process.", "Directed actors during video filming process.",
"Frequently starred in videos, followed directions while also suggesting improvements.", "Frequently starred in videos, followed directions while also suggesting improvements.",
"Edited raw footage into high quality videos." "Edited raw footage into high quality videos.",
] ],
})} })}
</> </>
); );
@ -221,58 +221,58 @@ const lineMoveCSS = `
`; `;
function Position({ function Position({
title, title,
institution, institution,
dateRange, dateRange,
country, country,
summary = "", summary = "",
className = "", className = "",
highlights = [], highlights = [],
}: { }: {
title: string; title: string;
institution?: string; institution?: string;
dateRange: string; dateRange: string;
country: string; country: string;
summary?: string; summary?: string;
className?: string; className?: string;
highlights?: Array<string>; highlights?: Array<string>;
}) { }) {
return ( return (
<> <>
<style>{lineMoveCSS}</style> <style>{lineMoveCSS}</style>
<div className="position-el flex flex-row items-start gap-3"> <div className="position-el flex flex-row items-start gap-3">
<div className="flex flex-col items-center justify-start gap-2 self-stretch pt-2"> <div className="flex flex-col items-center justify-start gap-2 self-stretch pt-2">
<div className="bg-accent h-2 w-2 rounded-full"></div> <div className="bg-accent h-2 w-2 rounded-full"></div>
<div className="w-[1px] flex-grow bg-gray-700"></div> <div className="w-[1px] flex-grow bg-gray-700"></div>
</div> </div>
<div className={className}> <div className={className}>
<h2 className="text-lg font-bold">{title}</h2> <h2 className="text-lg font-bold">{title}</h2>
<div className="mt-1 flex flex-col items-start justify-start gap-1"> <div className="mt-1 flex flex-col items-start justify-start gap-1">
<div className="text-muted-foreground flex flex-row items-center justify-start gap-1 text-xs"> <div className="text-muted-foreground flex flex-row items-center justify-start gap-1 text-xs">
<CalendarIcon /> {dateRange} <CalendarIcon /> {dateRange}
</div> </div>
<div className="text-muted-foreground mb-2 flex w-full flex-row items-center justify-start gap-5 text-xs"> <div className="text-muted-foreground mb-2 flex w-full flex-row items-center justify-start gap-5 text-xs">
{institution && ( {institution && (
<div className="flex flex-row items-center justify-start gap-1"> <div className="flex flex-row items-center justify-start gap-1">
<BriefCaseIcon /> {institution} <BriefCaseIcon /> {institution}
</div> </div>
)} )}
<div className="flex flex-row items-center justify-start gap-1"> <div className="flex flex-row items-center justify-start gap-1">
<LocationIcon /> {country} <LocationIcon /> {country}
</div> </div>
</div> </div>
{summary && <p className="text-base">{summary}</p>} {summary && <p className="text-base">{summary}</p>}
<ul className="list-inside list-disc"> <ul className="list-inside list-disc">
{highlights.map((highlight, i) => ( {highlights.map((highlight, i) => (
<li key={`highlight-${i}`}>{highlight}</li> <li key={`highlight-${i}`}>{highlight}</li>
))} ))}
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</> </>
); );
} }

12
src/components/skills/SkillsComponent.astro
View file

@ -18,7 +18,7 @@ import Card from "../global/Card.astro";
<div> <div>
<div class="text-xl font-bold">Frontend</div> <div class="text-xl font-bold">Frontend</div>
<div <div
class="flex flex-row flex-wrap items-center justify-start gap-2 text-sm" class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
> >
<div>Typescript,</div> <div>Typescript,</div>
<div>React,</div> <div>React,</div>
@ -28,10 +28,11 @@ import Card from "../global/Card.astro";
<div> <div>
<div class="text-xl font-bold">Backend</div> <div class="text-xl font-bold">Backend</div>
<div <div
class="flex flex-row flex-wrap items-center justify-start gap-x-2 text-sm" class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
> >
<div>Node.js,</div> <div>Node.js,</div>
<div>PHP,</div> <div>PHP,</div>
<div>C#,</div>
<div>Go,</div> <div>Go,</div>
<div>Rust</div> <div>Rust</div>
</div> </div>
@ -39,12 +40,11 @@ import Card from "../global/Card.astro";
<div> <div>
<div class="text-xl font-bold">Tools</div> <div class="text-xl font-bold">Tools</div>
<div <div
class="flex flex-row flex-wrap items-center justify-start gap-x-2 text-sm" class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
> >
<div>Git,</div> <div>Git,</div>
<div>Github,</div> <div>Docker,</div>
<div>Codeberg,</div> <div>Forgejo Actions</div>
<div>Visual Studio Code</div>
</div> </div>
</div> </div>
</div> </div>