Eddie Wang

Next-Full-Stack-Construction Management Cane

Next | TypeScript | Nodejs

(processing)

• ‧ Prisma operations PostgreSQL
• ‧ NextAuth for authentication
• ‧ Form validation using UseForm / Zod

Engineering Materials Management System

React | TypeScript

Integrates material management throughout the project lifecycle (Planning-Engineering-Closure)

• ‧ Forms: Useform / Mui
• ‧ Charts: react-chartjs-2
• ‧ i18n (English / Chinese) (ChainedBackend approach)
• ‧ Vitest unit testing

Layout-focused

React | TypeScript | Tailwind CSS | Sass | Flex & Grid | RWD

• ‧ Use semantic HTML5
• ‧ Write modular and reusable CSS

Construction Management Cane

Vue3 | TypeScript | Firebase | Tailwind CSS

Assisted interior industry designers in reducing cost and time wasted resulting from omissions.

• ‧ Garnered 33,000 views and 253 shares by industry professionals for the introduction video.
• ‧ Over 57 industry interior designers registered.
• ‧ Creating industry benefits: company count * savings starting from NT$3000 * number of projects per month.

Interior Design Company Website

JavaScript | SCSS

Assisted an interior design company with website optimization

• ‧ Optimization 1: Establish main visual imagery to enhance visual texture
• ‧ Optimization 2: Add item selection to the portfolio for easier viewing

Beverage Checkout POS

JavaScript | CSS

Clicking on the menu can generate checkout cards. The cards can be independently deleted, and the total price of all cards can be calculated.

• ‧ Object-Oriented Design
• ‧ Constructor Function to Generate Menu Object Instances
• ‧ Writing Functional Methods in the Prototype

Architectural Firm Project Management System

Vue2 | Vuex

Edit detailed expenses of architectural projects

• ‧ Transform operational pain points from the firm into product opportunities
• ‧ Use VUEX store to store information for create, read, update, and delete operations

AI Vision Impairment Object Recognition Assistive Device

Python | YOLOv3

• ‧ Qualitative Research Interviews with Visually Impaired Individuals
• ‧ Identify User Needs and Corresponding Product Features

《是 code 不是 cold》（youtube）

Technical Knowledge Output

Sharing Front-end Technology / Computational Thinking

Hosting Codeing Language Exchange

Organization | Technical Influence

Exchange frount-end / back-end codeing language

• ‧ Matchmaking the frount-end / back-end engerneer who want to enhance the other side of codeing language technique