葉菘揚  ( Daniel Yeh )

Frontend Developer | ReactJS with 3 years+ of experience . 

        Contact Into:  [email protected] | 0988752587
Github Repo: https://github.com/daniel548604106

Work Experience

Frontend Developer  •  Uni-Dream (Part-Time)

Uni-Dream is a one-stop coaching platform for students to Explore
Upskill and Achieve their University and Career Goals

Next.js 14 |  Nx | React-Query | TypeScript | TailwindCSS | Material-UI | i18n  | AWS S3 |  AWS Codebuild | AWS Codepipeline | AsiaPay | FullCalendar | Azure Maps

-  Developed Student Portal | Educator Portal | Admin Portal from scratch single-handedly for Frontend development.

- Worked closely with the CEO to define project requirements and ensure alignment with business goals.

- Collaborated with backend developers to design and implement scalable and efficient solutions.

- Integrated Asiapay's Payment Gateway to complete whole checkout process.

01/2024 - Now

Frontend Developer  •  MeepShop

Meepshop is an online store builder , a user-friendly e-commerce platform that helps small businesses build an online store and sell online through one streamlined dashboard and sell their products instantly through different marketing channels.

  Next.js | React.js | Lerna | Nx | Apollo Graphql | TypeScript | Redux | i18n | Antd | TailwindCSS | Cypress | Redis | Google Cloud Platform | Cloudflare CDN | Bunny CDN | CircleCI | Firebase

- Work closely with PMs , Designers and Backends to meet project requirements , goals and customer expectations.

- Performance Optimization and fine-tuning. (Optimized Site Speed by 3 - 5 seconds - Demo )

- Refactor legacy code base - moving from class component to functional component , multi-repo to monorepo (Nx) , serving on Nginx as reverse proxy to migrate codebase gradually .

- Setup CI/CD (CircleCI) pipline to automate workflow and represented Meepshop for a meeting organized by CircleCI's customer success team to improve workflow & reduce costs.

- Write e2e tests (automated tests) using cypress to ensure code quality.

- Conduct code review to ensure the work delivered by the team is of high quality standards.

- Built Meep Admin App (POC) using React-Native

05/2022 - Now

Projects

Meepshop Official

Meepshop.com is the official site of our company.

Meepshop CMS

Meepshop CMS is where merchants build their stores from scratch , manage delivery , payment gateway , and other important settings.

Poproro

Partnering merchant selling women's lotion and makeup essentials built using our CMS.

Umeni

Partnering merchant  selling women's skinware products built using our CMS.

Meep-Editor
Built a tool that allows our designer & frontend developers to easily create themes - ( Demo ).

Beeding Official
Beeding Official Website (Next Static Website) for upcoming App , deployed using Firebase hosting.


Frontend Developer  •  Shoalter Technology | Member of HKTV Group

Shoalter technology is a subsidiary of Hong Kong's market-leading online shopping platform , HKTV group in Taipei , Taiwan that provides the ultimate end-to-end solution that enables a full-on platform business with third-party businesses.

  Next.js | React.js | TailwindCSS | Apollo Graphql | TypeScript | Redux | Storybook 
       | Ionic   | i18n 

- Work closely with PM and Designers to meet project requirements , goals and desired functionality

- Optimizing cross-browser and cross-platform compatibility .

- Work closely with back-end developers and other cross-functional teams in enhancing  the user experience.

07/2021 - 04/2022

Ecomart - React.js 

Ecomart is HongKong's largest 2nd-hand goods exchange platform backed by HKTVMall.

- Maintenance.

- Performance Optimization.

APRD - Next.js

1. PDP (Product Detail Page) - GraphQL
2. Account Settings

EESE - NextJS | Ionic Framework | Storybook | TailwindCSS | Typescript | i18next

1. Item Upload 

- Google Map & Standalone SearchBox functionality with @react-google-map/api 

- Form Validation with React-hook-form

 2. Storybook Modules 


MMS - GatsbyJS | Antd | TailwindCSS | Typescript
1. Merchant App Store Frontpage Customization
- Drag & Drop functionality with React-beautiful-dnd

- Form Validation with React-hook-form


Frontend Developer  •  HiSKIO

HiSKIO is an online learning platform that specializes in teaching computer science and programming by professionals with years of expertise and workingin related fields.

  Nuxt.js | Vue.js | TailwindCSS | MJML

HiSKIO Official


- Implemented order processing, personal settings and interest tag features on HISKIO official with Nuxt.js

- Admin CMS panel for user, course, evaluation , banner management with Vue.js.

- Built customized EDMs

02/2020 - 02/2021

Education


2016 - 2020

Soochow University

Business Administration



2019 - 2019

Artevelde University of Applied Science

International Business

(Belgium- Exchange Program)

2018 - 2018

Iéseg school of management

Marketing

(France - Exchange Program)

Tech Stack

HTML CSS & Others


  • TypeScript
  • TailwindCSS
  • RESTful API
  • Apollo GraphQL
  • Ionic 
  • Storybook

Backend & Database


  • Node.js
  • Express.js
  • MongoDB & Mongoose

Frontend Framework

  • React.js / Redux/ Redux-toolkit
  • Next.js (SSR)
  • Vue.js/Vue-Router/Vuex
  • Nuxt.js (SSR)

3rd Party Integration


  • Facebook , Google , LINE OAuth Login 
  • Swiper  
  • Socket.io
  • Nodemailer
  • Next-translate

Certificates & Accomplishments

   English — Professional (TOEIC-985)    

  SEA Group - Overseas Corporate Visit (Shopee)

Personal Side Projects


Tech Stack

Client: Next.js, Redux, TailwindCSS , Socket.io-client , MJML(Customized EDM)

Server: Node.js, Express.js , Socket.io , Nodemailer, MongoDB

 Functionality

Login System, Realtime Messaging & Notification, New Feed Posting, i18n - Internationalization, Infinite Loading, Image Upload, Personal Profile Builder ,Customized EDM, Theme Switch , RWD