Portfolio

Web performance optimization

Case 1 - PMS

Speed Index and Largest Contentful Paint improvement result

Video comparison: Stage is the output.

Filmstrip pms filmstrip

Case 2 - NextJS Website

Speed Index and Largest Contentful Paint improvement result

Video comparison

Filmstrip nextjs website

Case 3 - One stay

Speed Index and Largest Contentful Paint improvement result

Video comparison: Stage apr is the output.

Filmstrip one stay filmstrip

Bundle size reduction

Before one_stay_bundle_size_before After one_stay_bundle_size_before

Deduplicate requests

Before one_stay_requests_before After one_stay_requests_after

Case 3 - Golden data form

Speed Index and Largest Contentful Paint improvement result

Video comparison: Fusion new is the output.

Case 4 - ActiveDotCom

Speed Index and Largest Contentful Paint improvement result

Video comparison: Left side is the output.


React Native App - POS


i18n Gatsby website and Headless CMS

  • Screenshot 1

Gatsby website

  • Screenshot 2

Gatsby website


Next.js SSR i18n web app

---

Tools and components

Planning poker Agile

Scheduler with optimized visual performance. Scheduler

Timeline with optimized visual performance and multiple levels of sticky headers feature. Timeline

Real-time cards with masonry layout and optimized visual performance. real-time responsive cards

Availability Calendar real-time responsive cards

Transition indicator