嘿，我是刘琦
创作游戏、话剧、电影、Trpg冒险与小说。
"生活像等待创作的粘土"

履历 · RÉSUMÉ

Joe Doe

github.com
test@example.com
www.linkedin.com
www.behance.net
www.threads.com
I manage a webdev blog with over a hundred articles and explore various interesting topics through social media. Covers a wide range of fields, including design, UI, UX, Web Development, and testing.

Experience

Frontend Engineer - Example Corp
2025/07 ~ Present．Current
  • Independently led the design and development of core business frontend architecture, maintaining high system availability and scalability
  • Optimized frontend performance and initial screen load time, improving Core Web Vitals metrics to excellent ratings
  • Implemented automated testing processes and CI/CD pipelines, significantly reducing manual testing costs and regression bugs
  • Participated in technology selection and project refactoring, resolving legacy technical debt and improving team development efficiency
  • Collaborated with backend, product managers, and designers to define technical standards and API interface specifications
  • Created detailed technical documentation and knowledge base, promoting internal technical exchange and knowledge sharing within the team
Tech: Go Gin, MongoDB, Redis, TypeScript, Vite Vue3, TanStack Query, Pinia, Tailwind, Shadcn Vue, Vitest, Vue Test Utils
Frontend Engineer - Example Corp
2023/10 ~ 2024/10．1 year
  • Optimized project architecture, improving code reusability and maintenance efficiency
  • Introduced modern frontend frameworks, enhancing system performance and security
  • Established standardized component library, accelerating product development cycles
  • Designed and implemented CI/CD workflows, achieving automated testing and deployment
  • Wrote automated test scripts to ensure stability of core functionality
  • Participated in security vulnerability detection and remediation recommendations
Tech: Nx Monorepo, TypeScript, Nuxt 3, Pinia, Tailwind, Shadcn Vue, Cypress, Cucumber, Vitest, Git Flow, GitHub Actions
Frontend Teaching Assistant - Example Corp
2022/07 ~ 2023/07．1 year
  • Assisted students with solving frontend development technical challenges
  • Participated in writing web development course materials and practical examples
  • Wrote technical blog articles to share development experience and knowledge
Tech: React, Vue, jQuery, Bootstrap, Sass
Freelance Web Designer & Developer - Example Corp
2020/03 ~ 2020/05．3 months
  • Responsible for visual design and frontend implementation of multiple brand event websites
Tech: Sass, Bootstrap

Education

National University．Bachelor of Information Design

2019/09 ~ 2023/06
Actively participated in industry-academia collaboration projects during university, responsible for web design and frontend development for multiple projects.

Skill

  • UI: Figma, Illustrator, Photoshop
  • Frontend Development: BEM CSS, Sass, Bootstrap 5, Tailwind, Shadcn
  • Frameworks: Nuxt 3 (Vue), Next 15 (React), Astro, jQuery
  • State Management: Pinia, Zustand
  • Backend: Express, Go Gin, MongoDB, Cloudflare Workers
  • Code Quality: ESLint, Prettier, TypeScript
  • Testing: Vitest, Vue Test Utils, Playwright, Cypress
  • Version Control: Git, GitLab, GitHub, Git Flow, GitHub Flow
  • DevOps: GitHub Actions, Docker

Community

Technical Essay Competition - Selected

Wrote a series of technical articles to share development practical insights

Links

Resume may evolve over time and adapt to different needs

Last updated: 2026-07-06

游戏经历 · GAMES

查看全部 →
明日方舟

📌 明日方舟
上古卷轴5：天际

📌 上古卷轴5：天际
最后生还者 第二部

📌 最后生还者 第二部
极乐迪斯科

📌 极乐迪斯科
骑马与砍杀2：霸主

📌 骑马与砍杀2：霸主
最后生还者 第一部

📌 最后生还者 第一部
UNCHARTED: Legacy of Thieves Collection

📌 UNCHARTED: Legacy of Thieves Collection
去月球

📌 去月球

关于我 · ABOUT

Letter Theme Preview

Easily build your own online Resume, Portfolio, or even a FAQ page through fully typed markdown and settings. This website is built using the Letter Portfolio theme and deployed on GitHub Pages.

Features

  • Astro v6 + Tailwind v4
  • Optimize for speed (100% lighthouse score)
  • Responsive & SEO-friendly
  • Built-in i18n
  • CI pipeline (ESLint + Prettier + TS Typecheck + Lighthouse)
  • CD pipeline (Cloudflare Pages or GitHub Pages)

Getting Started

Development

# 1. Clone the repository
git clone https://github.com/riceball-tw/letter.git .

# 2. Install dependencies
pnpm install

# 3. Run development server
pnpm run dev

Customization

  1. astro.config.mjs: Astro configs
    • site: Your final, deployed URL
  2. /public: Assets used in the site (logo.svg, favicon…)
  3. /src/content: Site config, projects, resume and faq content
  4. /src/styles/global.css: Styles
  5. /src/i18n: Translation used in astro templates
  6. /.github/workflows/deploy-pipeline.yml: GitHub CI/CD pipeline (You should setup env below)
    • LHCI_GITHUB_APP_TOKEN, LHCI_TOKEN: For lighthouse and GitHub integration
    • CLOUDFLARE_ACCOUNT_ID, CLOUDFLARE_API_TOKEN: For Cloudflare Wrangler CD Pipeline.
    • BASE_URL: Prefix for every link and assets in website (Useful for GitHub Pages deployment that has no custom domain)

Build

# 1. Deploy the contents of the `./dist` folder wherever you like.
pnpm install
pnpm build
pnpm preview

# 2. Deploy docker container wherever you like.
docker build -t <your-astro-image-name> .
docker run -p <local-port>:<container-port> <your-astro-image-name>

Helping out

For questions or support, please open an issue on GitHub.

License

MIT