Frontend Developer | ReactJS with 3 years+ of experience .
Contact Into: [email protected] | 0988752587
Github Repo: https://github.com/daniel548604106
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
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
Meepshop.com is the official site of our company.
Meepshop CMS is where merchants build their stores from scratch , manage delivery , payment gateway , and other important settings.
Partnering merchant selling women's lotion and makeup essentials built using our CMS.
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.
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.
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
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
2016 - 2020
2019 - 2019
(Belgium- Exchange Program)
2018 - 2018
(France - Exchange Program)
English — Professional (TOEIC-985)
SEA Group - Overseas Corporate Visit (Shopee)
✨ 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
Frontend Developer | ReactJS with 3 years+ of experience .
Contact Into: [email protected] | 0988752587
Github Repo: https://github.com/daniel548604106
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
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
Meepshop.com is the official site of our company.
Meepshop CMS is where merchants build their stores from scratch , manage delivery , payment gateway , and other important settings.
Partnering merchant selling women's lotion and makeup essentials built using our CMS.
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.
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.
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
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
2016 - 2020
2019 - 2019
(Belgium- Exchange Program)
2018 - 2018
(France - Exchange Program)
English — Professional (TOEIC-985)
SEA Group - Overseas Corporate Visit (Shopee)
✨ 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