Full-Stack Developer specializing in Web Development, prefer to build a maintainable, user-friendly, and cross-platform website (mobile application) using HTML5, CSS3, JavaScript, TypeScript, React, Redux, Next.js, and React-Native. I love coding and always like to try out new ways to solve problems. Especially, I'm interested in JavaScript. Also, I have experience working with Backend Language using Node.js, Express.js, Nest.js, MySQL, Docker, and AWS. With a CS background and great passion for programming, I am expecting myself to be an outstanding Web Developer.

SKILLS


Front-End

 HTML5
 CSS3
 JavaScript (ES6+)
 TypeScript
 React
 Redux
 React Router
 React Native
 Next.js


Backend

 Node.js
 Express.js
 Nest.js
 MySQL
 Docker
 Amazon Web Services
 Metabase
 Detox
 Puppeteer


Tools For Development

 Git
 GitHub
 ESLint
 Prettier
 Google Tag Mangager
 Google Analytics
 Facebook API
 Chart.js
 styled-components

Experience

MVP Fastlane

Full-Stack Web Developer
Feb. 2020 - Present
  • Help variant of startups build their "minimal variable products" on the web and mobile app in the short term.
  • Collaborated with various departments in building new products and troubleshooting.
  • Optimized workflow with building fully automated CI/CD pipelines for server deployment.
  • Actively worked with Docker and managed cloud infrastructure on AWS (Elastic Beanstalk, EC2, RDS, S3, CloudFront, SES, Route53).
  • Build the website of Woman Gathering Platform with React.js, Redux, Next.js, and styled-components.
  • Build cross-platform Instant Messaging and Video Chat Application with React Native, OpenTok, Socket.io.
  • Build backend API service with TypeScript, Node.js, Express.js, Nest.js, Docker, and AWS.
  • Build an automatic CI/CD procedure with GitHub actions.
  • Representative projects:

AppWorks School

Web Class Trainee 
Dec. 2018 - April 2019
  • Developed and created a project (STYLiSH) independently within 3 weeks. 
  • Worked 75 - 80 hours-per-week to develop problem-solving ability and development experience. 
  • Complete each of the Puzzle Game and To-do List in 1 day with React. 
  • Collaborated with Backend, iOS, Android trainees to develop new features on assigned projects.

  Education

Shih Hsin University

Bachelor's Degree, Information Management 
2015 - June 2019
  • Web Programming
  • Web Server-Side Programming
  • Mobile Device Programming

National Overseas Chinese Senior High School

2012 - 2015

PROJECTS


WoomanPower

July 2020

 https://www.woomanpower.com

WoomanPower is a women gathering platform, offering a series of online and offline courses.

As a Full-Stack Developer, I take responsibility for structuring the entire project, including the Front-End Website, Backend API Services, Database Schema Design and build up CI/CD Flow to automatically deploy to AWS.

Tech Stack:
  • Front-End: React.js, Redux, Next.js, TypeScript
  • Backend: Node.js, Express.js, Nest.js, TypeScript, MySQL, AWS (Elastic Beanstalk, EC2, RDS, S3, CloudFront, SES and Route53)
  • Tools: Docker, ESLint, Prettier, Swagger UI
  • Marketing: GTM, Google Analytics, Facebook Pixel
Paragraph image 02 00@2x
Features:
  • Using Next.js Server-Side Render for SEO solution
  • Support Third-Party Login (Facebook and Google)
  • Integrated TapPay service for Payment Solution
  • Implement Google Analytics and Facebook Pixel Using GTM
  • Automatic CI/CD pipelines with GitHub actions
  • Using Nest.js as Backend framework for building efficient, type-safety Node.js API server
  • Using TypeORM to manipulate and store data in a database
  • Amazon Web Services (Elastic Beanstalk, EC2, RDS, S3, CloudFront, SES, Route53)

GuruSyncQ™

March 2020

 https://apps.apple.com/tw/app/gurusyncq/id1227365622

 https://ihealthcareclouds.com

GuruSyncQ™ is a caregiving platform application for doctors and elderly patients based in the US and Taiwan.

Refactoring the existing old mobile app, establishing the base project structure and release it to the App Store.

Mainly responsible for authentication, instant messaging, video chat, push notifications, E2E testing with Detox.

Tech Stack:
  • Mobile: React Native, Redux, React Navigation
  • Tools: ESLint, Prettier, i18n, styled-components
  • Testing: Detox
Paragraph image 02 00@2x
Paragraph image 02 00@2x
Features:
  • Designed, implemented & released medical record management and hospital staff messaging app
  • Built instant messaging with react-native-gifted-chat, support texting, sending photos, and tag users
  • Integrated OpenTok service for Video Steaming Solution
  • Implement i18n to support both English and Chinese
  • Introduce end-to-end testing tool - Detox
  • Push Notification when a new message is received or incoming video calling

Stock Crawler

June 2020

 https://github.com/SaveYourTime/stock-web

 https://github.com/SaveYourTime/stock-api

 https://stock-web.vercel.app


A web crawler for daily fetching stock data from Goodinfo!台灣股市資訊網 and CMoney股市爆料同學會, which are either hit a historical high or at Top 50 of the trading volume.


Tech Stack:
  • Front-End: React.js, Redux, Next.js, Less, React Suite
  • Backend: Node.js, Express.js, Nest.js, TypeScript, MySQL, AWS (Elastic Beanstalk, EC2, RDS, Route53)
  • Tools: Docker, ESLint, Prettier, Puppeteer, Swagger UI
Paragraph image 03 00@2x

Features

  • Asynchronous operation with crawling page
  • Setup Cron jobs and using Puppeteer to fetch stock data every day automatically
  • Only fetch stock information if it does not exist in our database
  • Capture Request to abort the unnecessary request (such as images) for better efficiency

MIMA Hair Salon

July 2017 - July 2018

Front-End

HTML5 & CSS3

JavaScript

jQuery

Backend

Apache Server

PHP (PDO & RESTful APIs)

JWT

Docker

Database

MySQL

Google Cloud Platform

Library

axios
Semantic UI

moment.js

Chart.js

Paragraph image 02 00@2x
Powered by CakeResumePowered by CakeResume