Confetti

2022.12 - NOW

-

Full stack
confetti.studio👈👈
Y2K Landing page
Tech Stack
Next.js
Tailwind CSS
Typescript
Cashing Platform
Routine maintenance. To enable users to interact with the payment interface seamlessly and intuitively.
Tech Stack
React
Next.js
Node.js
Typescript
Gaming BO
In the middleware layer, the image access requirements for both frontend and backend must be effectively handled, ensuring robust handling on both sides.
Tech Stack
aws-sdk
React
remix
Node.js
Typescript
SCMP

2021.10 - 2022.11

-

Sr. Frontend
scmp.com👈👈
  • Optimizing SEO performance, with a specific focus on addressing LCP (Largest Contentful Paint) issues
  • Enhancing the business logic to stay current with the latest content updates
Tech Stack
Vue
Typescript
scmp.com/infographic👈👈
  • Routine maintenance
  • Optimized SEO for components handling multiple image files, implementing lazy loading to optimize requests.
Tech Stack
React
Next.js
Vue
Node.js
GraphQL
scmp.com/*
  • Routine maintenance
Tech Stack
React
Next.js
Vue
Node.js
GraphQL
scmp.com/yp👈👈
  • Routine maintenance
  • For newspapers targeting different age groups, adopting a vibrant and dynamic UI to enhance user engagement and satisfaction.
Tech Stack
React
Next.js
Vue
Node.js
GraphQL
Futuresai

2020.11 - 2021.10

-

Frontend
www.futures-ai.com/monitors/os-futures👈👈
  • Segmentation of membership system:

    Utilizing Next.js with a monorepo management system to categorize users' subscriptions. This framework allows for the creation of multiple customized products within a single project, facilitating easy adjustment of subscription content by clients.

  • Real-time market insights:

    Providing trading strategy articles based on live market data for various commodities. Each article features concise graphical and textual explanations, along with instructional scenarios for continuous learning.

  • Data analytics and AI:

    Our algorithms, rooted in foundational science, are seamlessly integrated into user-friendly platforms, bridging science and finance. We present scientific principles and financial insights to our clients with sophistication.

Tech Stack
React
Typescript
Next.js
emotion
SignalR
Trading dashboard
  • Building financial product expecially futures and options for customers who need direction and filtered noise information.
  • Rewrite our product by using React, nexjs & Typescript. Base on mono repo, spliting as more as possible little components for reusablility and pure data handling as we also use hooks anywhere.
  • With websocket and restful API backend microservices, help connect SignalR and our application context smoothly and properly manage different types of data soucre with react hook lifecycle.
  • Cooperating with the Banking side building the investing sheet for customers getting more easy-looking result.
Tech Stack
Typescript
React
Next.js
firebase
emotion
SignalR
Admin management system
  • Provides an easy-to-use interface. Simplifies management of client subscriptions and customer products.
  • Enables clients to send real-time messages to their subscribers via SMS.
  • Facilitates Line push notifications with visually engaging content, ensuring both text and images are effectively delivered for communication.
Tech Stack
firebase auth
Redux
React
Auth member serivice
  • Middleware Backend Role:

    Act as an intermediary layer for our membership system, interfacing with Firebase for user management. Utilize Firebase for user authentication and data management, ensuring seamless integration with our system.

  • Customized Data Handling:

    Implement custom data processing to address specific membership requirements, enhancing user experience and system functionality. Enable smooth communication between the frontend and backend systems, ensuring seamless data transfer and operation.

Tech Stack
Node.js
expressjs
Dentalltw

2018.7 - 2020.11

-

Frontend
Dentall Clinic App, Mobile Web App
  • Integrates with Taiwan's NHI system:

    allowing patient treatment information to be seamlessly integrated with self-pay systems. This enables dental clinics to comprehensively view patients' oral health status.

  • Prescription Form Generation:

    Generates prescription forms relevant to dental treatments.

  • Visual Records of Dental Procedures:

    Captures and stores visual records of dental procedures for reference.

  • Appointment Scheduling:

    To easily and clearly manage their schedules.

Tech Stack
.Net
UWP
C#
Vietnam Dentall Clinic SAAS
Also include a Vietnamese version, catering to the Vietnam market. Additionally, I have implemented SMS service integration into the website. These enhancements were achieved primarily through the use of Redux and Saga for seamless data management and internationalization (i18n) support.
Tech Stack
React
Redux
Redux-Saga
AI Teeth-Catorizing
I collaborated with AI colleagues to develop a Python server for dental image classification. We built a web application using Flask and configured it with uWSGI and Nginx. Subsequently, I managed the deployment process on Google Cloud Platform (GCP), making the dental image classification service accessible online for sorting dental images based on different regions.
Tech Stack
GCP
python
flask
uwsgi
nginx
Tech Sharing - CICD
  • Tech Sharing Session:

    Organized a session to simplify complex technical concepts for the team. Aimed to ensure that both engineers and designers could understand and benefit from the insights shared.

  • Tool Orchestration:

    Integrating a basic Golang program into a CI/CD ecosystem. Covered the orchestration of various tools including Google Cloud Platform (GCP), Docker, GitLab CI, and Kubernetes (K8s).

Tech Stack
GCP
docker
gitlab-ci
k8s