From 7267c829724b61ff99a3b072c0b107de9f726ccb Mon Sep 17 00:00:00 2001 From: liyunze <50455574+liyunze-coding@users.noreply.github.com> Date: Fri, 30 May 2025 14:19:34 +1000 Subject: [PATCH] added experiences and skills --- .../sections/ExperienceComponent.astro | 6 +- src/components/sections/MoreSkills.astro | 123 +++++ src/components/sections/SkillsComponent.astro | 441 +++++++++--------- src/pages/skills.astro | 95 ++-- 4 files changed, 377 insertions(+), 288 deletions(-) create mode 100644 src/components/sections/MoreSkills.astro diff --git a/src/components/sections/ExperienceComponent.astro b/src/components/sections/ExperienceComponent.astro index 9eb795d..0f76169 100644 --- a/src/components/sections/ExperienceComponent.astro +++ b/src/components/sections/ExperienceComponent.astro @@ -30,6 +30,10 @@ import Line from "../elements/NetworkLine.astro";
  • C#
  • Vue.JS
    • + @@ -38,7 +42,7 @@ import Line from "../elements/NetworkLine.astro";

    - Lead Frontend Web Developer + Lead Full Stack Developer

    @ JW BizTech

    Dec 2024 - Present

    diff --git a/src/components/sections/MoreSkills.astro b/src/components/sections/MoreSkills.astro new file mode 100644 index 0000000..cc38bb8 --- /dev/null +++ b/src/components/sections/MoreSkills.astro @@ -0,0 +1,123 @@ +--- +import Card from "../elements/Card.astro"; +import Line from "../elements/NetworkLine.astro"; +--- + +
    +
    +
    + +
    + +
    +
    +

    Content Creation

    +
    +
    +

    + Since I was little, I loved watching YouTube videos + and the idea of bringing joy and laughter to a wider + audience. Thus, I began my journey in content + creation through YouTube videos and Twitch + streaming. I typically do coworking & study streams + to keep myself accountable and encourage + productivity amongst viewers. I also do software and + game development streams where I showcase my + workflow. +

    +
    +
    + OBS +
    +
    + DaVinci Resolve +
    +
    + Twitch +
    +
    + YouTube +
    +
    +
    +     +
    + +
    + +
    +
    +

    + Mobile Development +

    +
    +
    +

    + In my Mobile App Development unit in University, I + am tasked to develop Android apps using Android + Studio. The final app project I had developed was a + LLM-powered quiz app with features such as choosing + your own topics, viewing your question attempt + history afterwards, and upgrading your tier with + Google Pay. +

    +

    + The marking tutor was impressed with my work, and + offered me to join a research lab because I had good + potential. +

    +
    +
    + Android +
    +
    + Java +
    +
    + Kotlin +
    +
    +
    +     +
    +
    +
    +
    + + diff --git a/src/components/sections/SkillsComponent.astro b/src/components/sections/SkillsComponent.astro index 1f5a251..884254e 100644 --- a/src/components/sections/SkillsComponent.astro +++ b/src/components/sections/SkillsComponent.astro @@ -4,225 +4,230 @@ import Line from "../elements/NetworkLine.astro"; ---
    -

    Skills

    -
    -
    - -
    -
    -

    Frontend Development

    -
    -
    -

    - I started my web development journey by building - websites and widgets using vanilla HTML, CSS, Javascript - and Express. As I learnt more about the fundamentals of - web development, I delved into frontend frameworks such - as Svelte, React and Astro. -

    -
    -
    - HTML -
    -
    - CSS -
    -
    - Javascript -
    -
    - TypeScript -
    -
    - Svelte -
    -
    - React -
    -
    - Vue -
    -
    - WordPress -
    -
    - Astro -
    -
    - HTMX -
    -
    - TailwindCSS -
    -
    -
    -     - - -
    -
    -

    Backend Development

    -
    -
    -

    - In the beginning, I used my Python skills to entertain - and to automate the boring stuff, such as using Selenium - for automation + web scraping, play chess by automating - mouse controls and build Discord bots. Now, I am - experienced with backend web development, managing - databases and building performant applications. -

    -
    -
    - Python -
    -
    - C# -
    -
    - Java -
    -
    - Kotlin -
    -
    - PHP -
    -
    - Go -
    -
    - Rust -
    -
    - PostgreSQL -
    -
    - MySQL -
    -
    -
    -     - - -
    -
    -

    Data Science

    -
    -
    -

    - My first exposure to data science was through learning - Computer Vision. I learn how to use OpenCV in Python to - open a webcam and detect faces. Later on, I took a - Diploma course that is focused in data science, where I - learnt how to do the fundamentals of data science such - as extracting, transforming and loading data, as well as - data visualisation. -

    -
    -
    - Python -
    -
    - R -
    -
    - OpenCV -
    -
    - SAS -
    -
    - MySQL -
    -
    - Pandas -
    -
    - Selenium -
    -
    - BeautifulSoup4 -
    -
    -
    -     -
    -
    +

    Skills

    +
    +
    + +
    +
    +

    Frontend Development

    +
    +
    +

    + I started my web development journey by building + websites and widgets using vanilla HTML, CSS, Javascript + and Express. As I learnt more about the fundamentals of + web development, I delved into frontend frameworks such + as Svelte, React and Astro. +

    +
    +
    + HTML +
    +
    + CSS +
    +
    + Javascript +
    +
    + TypeScript +
    +
    + Svelte +
    +
    + React +
    +
    + Vue +
    +
    + WordPress +
    +
    + Astro +
    +
    + HTMX +
    +
    + TailwindCSS +
    +
    +
    +     + + +
    +
    +

    Backend Development

    +
    +
    +

    + In the beginning, I used my Python skills to entertain + and to automate the boring stuff, such as using Selenium + for automation + web scraping, play chess by automating + mouse controls and build Discord bots. Now, I am + experienced with backend web development, managing + databases and building performant applications. +

    +
    +
    + Python +
    +
    + C# +
    +
    + Java +
    +
    + Kotlin +
    +
    + PHP +
    +
    + Go +
    +
    + Rust +
    +
    + PostgreSQL +
    +
    + MySQL +
    +
    + MongoDB +
    +
    +
    +     + + +
    +
    +

    Data Science

    +
    +
    +

    + My first exposure to data science was through learning + Computer Vision. I learn how to use OpenCV in Python to + open a webcam and detect faces. Later on, I took a + Diploma course that is focused in data science, where I + learnt how to do the fundamentals of data science such + as extracting, transforming and loading data, as well as + data visualisation. +

    +
    +
    + Python +
    +
    + R +
    +
    + OpenCV +
    +
    + SAS +
    +
    + MySQL +
    +
    + Pandas +
    +
    + Selenium +
    +
    + BeautifulSoup4 +
    +
    +
    +     +
    +
    diff --git a/src/pages/skills.astro b/src/pages/skills.astro index 28ad411..4996854 100644 --- a/src/pages/skills.astro +++ b/src/pages/skills.astro @@ -2,81 +2,38 @@ import NavBar from "../components/sections/NavBar.astro"; import Layout from "../layouts/Layout.astro"; import SkillsComponent from "../components/sections/SkillsComponent.astro"; -import Line from "../components/elements/NetworkLine.astro"; -import Card from "../components/elements/Card.astro"; +import MoreSkills from "../components/sections/MoreSkills.astro"; import Footer from "../components/sections/FooterComponent.astro"; --- - -
    - - -
    - -
    -
    -

    Content Creation

    -
    -
    -

    - Since I was little, I loved watching YouTube videos and - the idea of bringing joy and laughter to a wider - audience. Thus, I began my journey in content creation - through YouTube videos and Twitch streaming. I typically - do coworking & study streams to keep myself accountable - and encourage productivity amongst viewers. I also do - software and game development streams where I showcase - my workflow. -

    -
    -
    - OBS -
    -
    - DaVinci Resolve -
    -
    - Twitch -
    -
    - YouTube -
    -
    -
    -     -
    -
    -