diff --git a/src/components/experience/ExperienceComponent.tsx b/src/components/experience/ExperienceComponent.tsx index 2566aaf..46dadc3 100644 --- a/src/components/experience/ExperienceComponent.tsx +++ b/src/components/experience/ExperienceComponent.tsx @@ -53,16 +53,27 @@ function ExperienceTabContent() { className: "pb-5", })} {Position({ - title: "Full Stack Developer (Part Time)", - dateRange: "Dec 2024 - Feb 2026", - country: "Malaysia", + title: "Student Project Frontend Lead", + dateRange: "Mar 2026 - Now", + country: "Australia", highlights: [ - "Led a team to develop Astro websites with Payload CMS backend implementation.", - "Managed Github Actions CI/CD and deployments.", + "Led the migration from 40+ Javascript files to Typescript while preserving original functionality with minor bug fixes.", + "Improved navigation adhering to UX principles.", ], className: "pb-5", })} {Position({ + title: "Lead Full Stack Developer (Part Time)", + dateRange: "Dec 2024 - Feb 2026", + country: "Malaysia", + highlights: [ + "Led a team to develop Astro websites with Payload CMS backend implementation.", + "Translated Figma wireframes into website implementation efficiently.", + "Managed Github Actions CI/CD and deployments.", + ], + className: "pb-5", + })} + {/* {Position({ title: "Frontend Web Developer Intern", dateRange: "Jan 2024 - Apr 2024", country: "Malaysia", @@ -71,7 +82,7 @@ function ExperienceTabContent() { "Used lazy-loading to optimise page load speeds. ", "Ensured CMS allowed easy yet flexible customisations for clients.", ], - })} + })} */} ); } @@ -210,53 +221,58 @@ const lineMoveCSS = ` `; function Position({ - title, - dateRange, - country, - summary = "", - className = "", - highlights = [], + title, + institution, + dateRange, + country, + summary = "", + className = "", + highlights = [], }: { - title: string; - institution?: string; - dateRange: string; - country: string; - summary?: string; - className?: string; - highlights?: Array; + title: string; + institution?: string; + dateRange: string; + country: string; + summary?: string; + className?: string; + highlights?: Array; }) { - return ( - <> - -
-
-
-
-
-
-

{title}

-
-
- {CalendarIcon()} {dateRange} -
-
-
- {LocationIcon()} {country} -
-
-
- { - summary && ( -

{summary}

- ) - } -
    - {highlights.map((highlight, i) => ( -
  • {highlight}
  • - ))} -
-
-
- - ); + return ( + <> + +
+
+
+
+
+
+

{title}

+
+
+ {dateRange} +
+
+ {institution && ( +
+ {institution} +
+ )} + +
+ {country} +
+
+ + {summary &&

{summary}

} + +
    + {highlights.map((highlight, i) => ( +
  • {highlight}
  • + ))} +
+
+
+
+ + ); }