康舜智 Chris Kang

Front-End Engineer |        

  • Technical Experience: Rich experience in HTML, CSS, JavaScript ES6+, TypeScript, React Hooks, state management, and asynchronous programming, etc.
  • An influential storytellerwho is technically analytical:
    • Over 5,000 monthly views with over 10 Front-End posts, ranked 1st in “React 表單驗證” keywords, etc.
    • Held hour-long workshops, offering insightful introductions to Event Loop and TypeScript for 14 engineers.
  • Leadership: As a team leader and Scrum Master, orchestrated a team of 6 engineers, including Front-End, Back-End and iOS to build an e-commerce application.
  • Personality: Proficient engineer excelled in organization, rapid learning, and continuous self-reflection, fostering substantial personal growth.

Email: [email protected]
Phone: 0929-088-167

Skills


Programming

  • HTML
  • CSS
  • JavaScript
  • TypeScript

Librar

  • React Hook
  • MobX
  • Redux
  • React Router
  • dnd kit
  • styled-components,
  • Tailwind
  • NextUI
  • Framer Motion
  • Tiptap
  • driver.js

Tools

  • Git
  • Vite
  • Prettier
  • ESLint
  • Firebase

Others

  • Responsive Web Design
  • CSS Modules
  • Strategy Pattern
  • Data Analysis

Project Management

  • Trello
  • Scrum
  • Agile development

Language

English (TOEIC 815)

Blogs

VOCUS

Focus on Front-End & learning-related articles. Some articles, such as "React form validation", get the 1st ranked on Google search.

Medium

Articles Including Product Management, Data Analyst / Scientist, and Front-End fields.

Activities

Working Experience

Associate Consultant (Headhunter)  •  AppWorks School

08/2023 - 01/2024

  • Developed the Todo-Note Web App within 5 weeks from scratch, showcasing adept problem-solving skills and the ability to tackle unfamiliar challenges.
  • Headed team discussions as a Scrum Master, led the development flow with Front-End, Back-End and iOS engineers to develop a cross-platform e-commerce application.
  • Passionated about simplifying complex concepts to enhance collective understanding through workshops, such as Event Loop and TypeScript, etc.
  • Built an e-commerce website in 3 weeks from 0 to 1, by using JavaScript, React, styled-components, React Router, and Facebook login, etc.
  • Collaborated with Back-End engineer to develop realtime chat-room by using Socket.IO.
  • Admitted to AppWorks School with lower than 10% acceptance rate, dedicating over 60 hours per week.

Associate Consultant (Headhunter)  •  Spring Professional

05/2021 - 04/2023

  • Managed a portfolio of 5 clients locally and globally, attracting clients through my technical blog posts.
  • Cultivated a profound understanding of the software industry, specializing in Front-End development trends and sourcing strategies.
  • Showcased adaptability by achieving 40% above-average sales performance and recognized as a rookie top Blogs Courses Activity performer within the first half of the year.

Project Manager  •  Alpha Team

07/2020 - 11/2020

Pioneered core structures for creative projects, leveraging various methodologies to explore user pain points and influence business decisions.

Co-Founder (Career Consulting)  •  LIFE DESIGNER(織智運創有限公司)

11/2019 - 01/2021

Revamped the official website, doubling post impressions, and applied Google Analytics for daily monitoring.

Mobile Game Operation Specialist  •  Garena 競舞娛樂股份有限公司

05/2019 - 09/2019

  • Successfully led an in-game activity web app project in “急速領域” from scratch within a tight 3-week deadline, collaborating effectively with a cross-national team of total 5 Front-End, Designers, etc.
  • Analyzed and generated reports from data encompassing over a million customers, leading to a remarkable surge of roughly 130% in direct revenues.
  • Spearheaded gamer research projects, impacting game release schedules and subsequent operations.

Projects

Reminded

A productivity tool that comes with an idea-action-todo workflow. Designed for the users seeking seamless idea transformation into actionable tasks, empowering efficient life management.

Look for more details in GitHub

Website | Demo

  • Utilized TypeScript for type safety and improved codebase maintainability.
  • Implemented centralized global state management and data transformation using MobX.
  • Integrated custom Hooks to modularize code and replace repetitive segments.
  • Enhanced UX by implementing drag-and-drop functionality using dnd kit for seamless card swapping.
  • Developed a single page application (SPA) with React Router for smooth navigation and maintained code splitting.
  • Integrated debounce mechanism to reduce request frequency.
  • Optimized code structure using Strategy pattern and Dependency Injection.
  • Created responsive layouts with Tailwind and NextUI, ensuring rapid development.
  • Incorporated tag input using react-mentions, enabling rapid addition of tags by typing ‘#'.
  • Built tutorial UI flow with driver.js for improved user guidance.
  • Elevated card manipulation experience with Framer Motion for better UX.
  • Implemented Firebase Authentication and Cookies for secure login with a 30-day expiration.
  • Managed database operations using Firestore.

Wordle Clone

A clone of a famous word-guessing game.

Website | GitHub

  • Managed state with Context API and useReducer.
  • Implemented TypeScript for type safety.
  • Imported Tailwind and NextUI for rapid development and applied atomic concept for CSS.

Education

2015 - 2018

National Cheng-Chi University

Money and Banking