王碩(Nicky Wang)的 CV / 履歷

Shuo Wang (Nicky)

Frontend Engineer

+886-989201996
[email protected]
physicsSorcererKing
@physicsSorcererKing

education

Department of Computer Science and Engineering, National Taiwan Ocean University - Incomplete (Completed 80 credits toward degree requirements)

summary

Over 3 years of frontend engineering experience, previously served as Project Leader.
  • Led multiple development projects from scratch, ensuring efficient product delivery and meeting requirements.
  • Focused on high-quality code and architecture design, reducing the cost and risk of requirement changes.
  • Closely collaborated with partners, participated in UI/UX design and backend planning, optimized cross-domain communication efficiency, and shortened development cycles.
Objective: Frontend Engineer

works

Micro Frontends Potpourri

Micro Frontends Potpourri

Personal Project | 2024/08 ~ 2024/09

Implemented merging of apps from different frameworks at run-time on the same page using Single SPA, including React, Vue, Angular, etc.

Micro Frontends
Single-SPA
Webpack
Monorepo
Draggable Dialog

Draggable Dialog

Personal Project | 2024/12 ~ 2024/12

Implemented a draggable dialog using React and shadcn/ui, including maximize, minimize to bottom-right features, and auto-attach to page edges when dragging.

React
Draggable
Dialog
shadcn/ui
github-user-list

github-user-list

Personal Project | 2023/08 ~ 2023/08

Implemented a random GitHub user list using React and GitHub GraphQL API, loading new data as the mouse scrolls.

React
GraphQL
GitHub API
Personal Resume v2 (This App)

Personal Resume v2 (This App)

Personal Project | 2024/07 ~ 現在

Implemented a personal resume website using Next.js and Tailwind CSS, including self-introduction, portfolio, experiences, skills, etc.

Next.js
TypeScript
Figma
Tailwind CSS
shadcn/ui
RWD
Personal Resume v1

Personal Resume v1

Personal Project | 2023/07 ~ 2024/10

Quickly created a personal resume website using Next.js and Chakra UI template.

Next.js
Chakra UI
RWD
React
TypeScript

experiences

Elitech Corporation

Software Engineer

Elitech Corporation | 2023-09 ~ 2023-12

Dispatched to ACCESS Taiwan Lab CO.,LTD. (Remote).

Project: Maintenance and optimization of the MRP web frontend system.

Main contributions:

  • Added and modified various production scheduling-related functions and improved user experience as per customer requirements.
  • Migrated the frontend project from CRA to Vite React to reduce development machine load and improve website performance.
  • Updated dependency versions to fix security issues and enhance VS Code extension support.
  • Improved ESLint rules and added pre-commit code review (Husky + Lint-Staged).
React
TypeScript
React Relay
GraphQL
MUI
Docker
Essences Information Co., Ltd.

Software Development Engineer

Essences Information Co., Ltd. | 2022-04 ~ 2023-05

Dispatched to Digital Transformation Research Institute of the Institute for Information Industry (III-DTRI).

Project: Website frontend development for the AIoT PaaS smart building application platform.

Main contributions:

  • Redesigned and developed the smart building AIoT application platform website frontend and backend.
  • Developed three SaaS platforms: Repair/EMS/Fire, and their alarm trigger test websites.
  • Created and demonstrated wireframes, mockups, and prototypes using Figma to facilitate discussions with colleagues on user stories.
  • Created data visualization charts using chart.js and ECharts.
  • Developed early features of the IFTTT (process automation tool) using React Flow (xyflow).
React
TypeScript
Redux
Figma
Chakra-UI
xyflow
Tiger Party

Frontend Engineer

Tiger Party | 2019-12 ~ 2021-06

Project: Leading frontend development, responsible for some webpage layout and function design.

Main contributions:

  • Developed the backend website for the advertising system.
  • Developed the website for the advertising system - for advertisers.
  • Redesigned and migrated the company's corporate website.
React
redux-saga
figma
webpack
MUI
axios
iBUYPOWER

Software Project Leader / Game System Analyst

iBUYPOWER | 2018-12 ~ 2019-05

Project: eSports game assistant tool

  • Aimed to provide game strategies and information for a broad spectrum of players and promote the company brand.

Main contributions:

  • Improved White Paper Content and Initiated Development:
    • Analyzed implementation feasibility based on existing market products and personal experiences.
    • Conducted research on esports game surveys along with associated official resources and APIs.
    • Drafted software specifications and scheduled progress based on difficulty and timelines.
    • Engaged with relevant player discussions and conducted interviews with recognized streamers to understand in-game culture and community needs.
  • Developed Project Website and Desktop Application from Scratch:
    • Initially focused on Windows desktop applications using C# WebForm and WPF projects to demonstrate the app's potential features including LOL designated player analysis, hero data analysis, and opening game recording displays.
    • Transitioned to a web version of the app due to user preferences, developed purely in JavaScript and created desktop apps using Electron.js.
    • When adding future support for more games such as DOTA 2 and Hearthstone, we introduced React into the project to improve the management and development efficiency of UI and page templates.
  • Talent Contact, Phone Screening, and Interviews:
    • Evaluated candidates' backgrounds and their understanding of the domain.
    • Prepared original interview questions to assess basic programming abilities.
  • Managed a Team of 4 (Frontend/Backend Engineers, Data Analysts, UI/UX Designers).
    • Assigned tasks based on professional expertise:
    • Provided frontend support to team members as needed.
    • Fostered teamwork among team members, balanced differing professional demands and opinions, and encouraged idea sharing and collaborative problem-solving.
React
SCSS
JavaScript
Electron
Git
C#
PSK The Archmage Logo

Online Game Professional Player

(Personal Studio) | 2008-01 ~ 2017-10

Not a formal profession, not counted in work experience years.

Main tasks:

  • Guided players through difficult tasks in the game.
  • Assessed and executed the risks of making equipment and items.
  • Led high-level players to cooperate and clear the latest levels (dungeons).
  • Shared personal and team game strategy creations on YouTube.
Probability Calculation
Customer Intelligence Collection
Digital Marketing
Performance and Management Report Writing
Game Analysis
Brand Awareness Promotion

skills

React.js / Next.js SPA Frontend Development

Familiar with React and its development toolchain:

  • Handle frontend routing with React Router.
  • Manage cross-component state with Redux, Context API, etc.
  • Handle asynchronous behavior with tools like Redux-Saga, Axios, tanstack-query.

Use Next.js to implement SSR/SSG/ISR

React
Redux
Redux-Saga
Axios
Webpack
Vite

Web UI/UX Design

Proficient in using design tools like Figma to create frontend design drafts:

  • Design maintainable and reusable UI using components and team library.
  • Easily export styling codes like TailwindCSS through Dev mode and plugins.
  • Generate wireframes / mockups / prototypes according to development stages to facilitate team collaboration.
Figma
Adobe XD
Tailwind CSS
Sass

Styling Solutions

Handle web styles using various methods:

  • TailwindCSS and related tools, packages:
    • shadcn/ui
  • UI frameworks:
    • MUI, Chakra-UI, React Bootstrap
  • CSS-in-JS:
    • styled-components
  • CSS Modules
  • SCSS, CSS
TailwindCSS
shadcn/ui
MUI
Chakra-UI
styled-components
SCSS
CSS Modules

Frontend Packaging Tools

Use tools like vite, webpack to package frontend code and resources:

  • Adjust to load different configs, environment variables during build based on different development environments.
  • Compress resources like images.
  • Plan lazy-loading.
Webpack
Vite
Rollup
lazy-loading

Data Visualization

Develop backend Dashboards using data visualization tools based on or inspired by D3.js, such as eCharts, chart.js, etc.

D3.js
eCharts
chart.js
canvas

Basic Backend Development

Understand the basic principles of backend operations to facilitate collaboration with backend engineers. Can handle simple CRUD APIs, permission issues, and database design.

Node.js
Express
SQL
PostgreSQL
flask

Version Control

Use Git for version control and familiar with Git Flow development process.

Git
Git Flow
avh

Project Management

Manage project progress using Atlassian or similar tools.

Atlassian
Jira
Confluence
Trello

certifications

Udemy logo

SQL and PostgreSQL: The Complete Developer's Guide

Udemy
2024/11
Show Credentials
123test logo

IQ Test

IQ：138
123test
2019/11
Show Credentials
LinkedIn Learning logo

Improving Your Focus

LinkedIn Learning
2019/10
Show Credentials
LinkedIn Learning logo

Scrum: The Basics

LinkedIn Learning
2019/10
Show Credentials
freeCodeCamp logo

Legacy JavaScript Algorithms and Data Structures

freeCodeCamp
2019/07
Show Credentials
Udemy logo

ES6, ES7 & ES8, TIME to update your JS / ECMAScript!

Udemy
2019/03
Show Credentials
Udemy logo

Bootstrap："The most popular HTML, CSS, and JS library in the world."

Udemy
2018/11
Show Credentials
Udemy logo

JavaScript: Understanding the Weird Parts

Udemy
2018/10
Show Credentials
TOEIC logo

TOEIC Official Score Certificate

Total：535
TOEIC
2018/07
Show Credentials
Information System Training Program of Department of Computer Science and Information Engineering, National Taiwan University logo

Full-stack Practice for Node.js and Firebase

Information System Training Program of Department of Computer Science and Information Engineering, National Taiwan University
2018/07
Show Credentials
Coursera logo

HTML, CSS, and Javascript for Web Developers

Coursera
2018/07
Show Credentials
Coursera logo

Introduction to HTML5

Coursera
2018/07
Show Credentials
freeCodeCamp logo

Responsive Web Design

freeCodeCamp
2018/07
Show Credentials