I am a quick learner, able to grasp new concepts efficiently and effectively. In 2016, after obtaining a master’s degree in science, I decided to shift my career path and became a Software Engineer. After two years as a front-end developer and three years as a full-stack developer, I realized my foundational knowledge needed strengthening. In 2023, alongside starting my own project, I returned to school to study the fundamentals of computer science, which included problem decomposition, C++, database design, system design, algorithms, and data structures, among other topics.

My goal is to become a certified senior engineer, to think on a broader scale, and to lead my team with empathy. I aim to practice perspective-taking and make strategic trade-offs when working with limited resources. On the product side, I seek to translate abstract guiding principles into concrete, actionable steps and deliverables through constant communication and collaboration. Regarding my technical learning journey, I remain open-minded, with the ultimate goal of researching and selecting the most suitable solutions within the constraints of available resources.

Languages:
➢ Javascript (expert)
➢ Golang (proficient)
➢ C++(prior exper.)
➢ Python (prior exper.)

System Design
➢ System Design Pattern: DDD/Clean Architecture
➢ Software Development Life Cycle (SDLC)

Front End
➢ React Ecosystem: Hooks, Router, Redux, SSR, dynamic import, Typescript
➢ Tools: Webpack, Babel
➢ API Client: Axio
➢ Style: CSS, SCSS, Style Component, Materical UI

Server
➢ Golang Ecosystem: Fasthttp, Gorm, MongoDriver
➢ Node.js Ecosystem: Express, Typescript, Chi+Mocha, Sequelize, Mongoose
➢ Python Ecosystem: Pandas, Mongoengine, SQLalchemy
➢ Microservice Ecosystem: gRPC
➢ DB/Cache: PostgreSQL, MongoDB, Redis

Dev-Ops
➢ Gitlab-CI
➢ Container: Docker, Docker-Compose
➢ Reverse-Proxy: Traefik
➢ Kubernete

Cloud
➢ GCP: Cloud Storage, VM, GKE
➢ AWS: S3, EC2

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• A US stock screener based on the financial statement from www.sec.gov.

𝗪𝗵𝗮𝘁 𝗺𝗮𝗸𝗲 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗳𝗿𝗼𝗺 𝗼𝘁𝗵𝗲𝗿 𝗽𝗲𝗼𝗽𝗹𝗲'𝘀 𝘀𝗶𝗱𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁?

• I started from use-case/user story and went all the way to CI/CD.

𝐅𝐞𝐚𝐭𝐮𝐫𝐞

• build autocomplete search with ternary search tree from ground up
• TODO

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮 (/design-doc)

• The overall goal is to give freedom to apply different tech stack and avoid unnecessary interference between services or teams. All these features make it highly maintainable.
• Highly decoupled components, event-driven design, and SOLID principles, using Clean Architecture and DDD best practices with GoLang in the back-end

𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸
𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥 (/customer-web)
➢ Custom Webpack+ Babel stack
➢ React Hooks/React Router/Redux/React SSR/dynamic import/React in Typescript
➢ Style Component/Materical UI

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦 (/stock-server)
➢ Golang Server
➢ DDD/Clean Architecture
➢ PostgreSQL, MongoDB

𝘋𝘢𝘵𝘢 𝘗𝘪𝘱𝘦𝘭𝘪𝘯𝘦 (/data-pipeline)
➢ Follow standard ETL process

𝘋𝘦𝘷-𝘖𝘱𝘴
➢ Gitlab-CI
➢ Container: Docker
➢ Kubernete

𝘊𝘭𝘰𝘶𝘥
➢ GCP: GKE

𝐍𝐨𝐭𝐞:

• The main project is private and on gitlab, therefore, only part of this project are demonstrated on github organization.

𝐒𝐤𝐢𝐥𝐥𝐬: JavaScript · Docker · React.js · Kubernetes · Python · Golang · Bash

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• An internal SPA for the purpose of setting and reading prices in terms of each product in the online shop.

𝗪𝗵𝗮𝘁 𝗺𝗮𝗸𝗲 𝘁𝗵𝗶𝘀 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗳𝗿𝗼𝗺 𝗼𝘁𝗵𝗲𝗿 𝗽𝗲𝗼𝗽𝗹𝗲'𝘀 𝘀𝗶𝗱𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁?

• A complete full stack project

𝐅𝐞𝐚𝐭𝐮𝐫𝐞

• Implemented 3-party API of Google’s spreadsheet API with OAuth2/API keys authorization to my personal website.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Developed and built up Price Dashboard from a front-end project with SPA feature to a full-stack project with microservice architecture and fully CRUD operations.

𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸
𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Custom Webpack+ Babel stack
➢ React Hooks, React Router, Redux, React SSR, dynamic import

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Node.js Ecosystem: Express, Typescript, Chi+Mocha, Sequelize, Mongoose
➢ DB/Cache: MongoDB, Redis

Dev-Ops
➢ Travis CI
➢ Container: Docker, Docker-Compose
➢ Reverse-Proxy: Nginx
➢ Terraform
➢ Kubernete

𝘊𝘭𝘰𝘶𝘥
➢ AWS: ECS

Skills: JavaScript · Docker · Redis · Travis CI · Mocha (JavaScript Framework) · Webpack · React.js · Kubernetes · Mongoose ODM · Nginx · Bash · Node.js

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• A pipeline to transform raw SEC financial reports into a customized version.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• A pipeline that is independent of existing financial APIs.

𝐅𝐞𝐚𝐭𝐮𝐫𝐞

• Use Python to build a SEC financial report data pipeline.
• Input is a raw financial report, while output is custom report on Google Excel.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Leverage Pandas and various design patterns.

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤
𝘚𝘵𝘰𝘳𝘢𝘨𝘦
➢ Google Sheet

𝘋𝘢𝘵𝘢 𝘗𝘪𝘱𝘦𝘭𝘪𝘯𝘦
➢ Leverage design patterns such as Factory, Strategy, Mediator, Observer, Chain of Responsibility, and Builder.

𝐍𝐨𝐭𝐞:

• A complete version resides in the secFinancialReportScraper folder.

Skills: Python · Google Sheet API

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• Upgraded version of a email promotion and monitor system based on Stephergrinder's email sender. Solely to practice the cutting edge tech stack.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• Learning to build a full-stack proejct

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Use Webpack-dev-server to proxy all api services and websocket connection.
• Use express as static file server in production and handle websocket connection.
• A express project in company with graphql+socket.io
• A express project in company with apollo-server+socket.io
• Update api service file structure from technical role to self-contained components.
• Refractor api service from common.js to ES6 import syntax

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤
𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Custom Webpack+ Babel stack
➢ React Hooks, React Router, Redux, dynamic import
➢ WebSocket by Socket
➢ Husky+Lint-stage

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Node.js Ecosystem: Express, Chi+Mocha, Mongoose
➢ WebSocket by Socket.io
➢ GraphQL by express-graphql or apollo-server
➢ DB/Cache: MongoDB

𝐒𝐤𝐢𝐥𝐥𝐬: JavaScript · Websocket · Nginx · Docker · Travis CI

𝐖𝐡𝐚𝐭 𝐢𝐬 𝐭𝐡𝐢𝐬?

• Refactored version of my very first website with OAuth 2.0 and Google Sheet API integrated.

𝐇𝐨𝐰 𝐢𝐬 𝐭𝐡𝐢𝐬 𝐩𝐫𝐨𝐣𝐞𝐜𝐭 𝐮𝐧𝐢𝐪𝐮𝐞?

• The first task involved transforming a static website into a server-hosted one with third-party API integration.

𝐓𝐞𝐜𝐡 𝐈𝗱𝗲𝗮

• Multi-entry webpack
• Write a replace image path webpack plugin
• Implement OAuth 2.0 and API keys to authorize user.
• Implement Google Sheet API

𝐓𝐞𝐜𝐡 𝐒𝐭𝐚𝐜𝐤 𝘍𝘳𝘰𝘯𝘵 𝘌𝘯𝘥
➢ Webpack
➢ Pug template
➢ WebSocket by Socket
➢ Husky+Lint-stage

𝘚𝘦𝘳𝘷𝘦𝘳 𝘚𝘪𝘥𝘦
➢ Express
➢ Google Sheet API

Skills: JavaScript · Google Sheet API · Node.js