Garena - Senior Frontend Engineer

Garena - Senior Frontend Engineer | Garena Careers @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap);

blockquote,body,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,b,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li,ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0}a{color:inherit;-webkit-text-decoration:none;text-decoration:none}a,button{cursor:pointer}button,input,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}button:focus,input:focus,textarea:focus{outline:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}*{box-sizing:border-box}html{font-size:100px}@media only screen and (max-width:1920px){html{font-size:5.20833vw}}@media only screen and (max-width:750px){html{font-size:8.05153vw}}::-moz-selection{background-color:#ffdcdc}::selection{background-color:#ffdcdc}button{background-color:transparent;background-color:initial;border:none;color:inherit;padding:0}.btn{background-image:linear-gradient(90deg,#e41e26,#e43a1e);border-radius:.5rem;color:#fff;display:inline-block;padding:.2rem .6rem}.static-page{background-color:#f7f7f7;color:#757575;margin:1.8rem auto 2rem;width:12rem}@media only screen and (max-width:750px){.static-page{margin:1.6rem auto auto;padding:1.5rem .7rem 2rem;width:auto}}.static-page .page-title{color:#191919;font-size:1.6em;font-weight:700;margin-bottom:1rem;padding-bottom:.08rem;position:relative}.static-page .page-title:before{background-color:#e41e26;content:"";height:4px;left:0;margin:auto;position:absolute;right:0;top:100%;width:1.3rem}@media only screen and (max-width:750px){.static-page .page-title{margin-bottom:1.5rem;padding-bottom:.15rem}.static-page .page-title:before{height:.12rem;width:2rem}}.static-page .page-content{text-align:left}html[lang=cn] .static-page .page-content,html[lang=tw] .static-page .page-content{text-align:justify}@media only screen and (max-width:750px){.static-page .page-content{width:auto}}.static-page .page-content a{color:#e41e26;-webkit-text-decoration:underline;text-decoration:underline}.static-page .page-content .title{color:#191919;font-size:1.1em;font-weight:700;margin:.3rem 0 .1rem}.deco-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;right:0;top:0;top:9.9rem}.deco-bg,.deco-bg [class^=deco-]{position:absolute}@media only screen and (max-width:750px){.deco-bg{display:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes decoMoving{33%{transform:translate(-.4rem,.2rem)}66%{transform:translate(-.6rem,.6rem)}to{transform:translate(-.2rem,.4rem) rotate(180deg)}}

fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{background:#fff;display:block;height:38px;position:absolute;right:1px;top:1px;width:40px}.multiselect__spinner:after,.multiselect__spinner:before{border:2px solid transparent;border-radius:100%;border-top-color:#41b883;box-shadow:0 0 0 1px transparent;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{opacity:1;transition:opacity .4s ease-in-out}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;color:#35495e;display:block;min-height:40px;position:relative;text-align:left;width:100%}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;opacity:.6;pointer-events:none}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{background:#fff;border:none;border-radius:5px;box-sizing:border-box;display:inline-block;line-height:20px;margin-bottom:8px;min-height:20px;padding:0 0 0 5px;position:relative;transition:border .1s ease;vertical-align:top;width:100%}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{margin-bottom:8px;padding-left:5px}.multiselect__tags-wrap{display:inline}.multiselect__tags{background:#fff;border:1px solid #e8e8e8;border-radius:5px;display:block;font-size:14px;min-height:40px;padding:8px 40px 0 8px}.multiselect__tag{background:#41b883;border-radius:5px;color:#fff;display:inline-block;line-height:1;margin-bottom:5px;margin-right:10px;max-width:100%;overflow:hidden;padding:4px 26px 4px 10px;position:relative;text-overflow:ellipsis;white-space:nowrap}.multiselect__tag-icon{border-radius:5px;bottom:0;cursor:pointer;font-style:normal;font-weight:700;line-height:22px;margin-left:7px;position:absolute;right:0;text-align:center;top:0;transition:all .2s ease;width:22px}.multiselect__tag-icon:after{color:#266d4d;content:"\D7";font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{border:1px solid #e8e8e8;border-radius:5px;min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap}.multiselect__current,.multiselect__select{box-sizing:border-box;cursor:pointer;display:block;line-height:16px;margin:0;-webkit-text-decoration:none;text-decoration:none}.multiselect__select{height:38px;padding:4px 8px;position:absolute;right:1px;text-align:center;top:1px;transition:transform .2s ease;width:40px}.multiselect__select:before{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;color:#999;content:"";margin-top:4px;position:relative;right:0;top:65%}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e8e8e8;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:none;display:block;max-height:240px;overflow:auto;position:absolute;width:100%;z-index:50}.multiselect__content{display:inline-block;list-style:none;margin:0;min-width:100%;padding:0;vertical-align:top}.multiselect--above .multiselect__content-wrapper{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e8e8e8;border-top-left-radius:5px;border-top-right-radius:5px;bottom:100%}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{cursor:pointer;display:block;line-height:16px;min-height:40px;padding:12px;position:relative;-webkit-text-decoration:none;text-decoration:none;text-transform:none;vertical-align:middle;white-space:nowrap}.multiselect__option:after{font-size:13px;line-height:40px;padding-left:20px;padding-right:12px;position:absolute;right:0;top:0}.multiselect__option--highlight{background:#41b883;color:#fff;outline:none}.multiselect__option--highlight:after{background:#41b883;color:#fff;content:attr(data-select)}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{background:inherit;color:silver;content:attr(data-selected)}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;color:#fff;content:attr(data-deselect)}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;color:#fff;content:attr(data-deselect)}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{display:inline-block;line-height:20px;margin-bottom:8px;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{left:1px;right:auto}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{left:0;right:auto}[dir=rtl] .multiselect__clear{left:12px;right:auto}[dir=rtl] .multiselect__spinner{left:1px;right:auto}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}

:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-regular:normal 400 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-light:normal 300 1em/1 "Font Awesome 6 Duotone";--fa-font-duotone-thin:normal 100 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-regular:normal 400 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-light:normal 300 1em/1 "Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-thin:normal 100 1em/1 "Font Awesome 6 Sharp Duotone"}svg.svg-inline--fa:not(:host),svg.svg-inline--fa:not(:root){box-sizing:content-box;overflow:visible}.svg-inline--fa{display:inline-block;display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.07143em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:.3em;margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{top:.25em;width:2em;width:var(--fa-li-width,2em)}.svg-inline--fa.fa-fw{width:1.25em;width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:#ff253a;background-color:var(--fa-counter-background-color,#ff253a);border-radius:1em;border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:#fff;color:var(--fa-inverse,#fff);line-height:1;line-height:var(--fa-counter-line-height,1);max-width:5em;max-width:var(--fa-counter-max-width,5em);min-width:1.5em;min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:.25em .5em;padding:var(--fa-counter-padding,.25em .5em);right:0;right:var(--fa-right,0);text-overflow:ellipsis;top:0;top:var(--fa-top,0);transform:scale(.25);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:0;bottom:var(--fa-bottom,0);right:0;right:var(--fa-right,0);top:auto;transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;bottom:var(--fa-bottom,0);left:0;left:var(--fa-left,0);right:auto;top:auto;transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{right:0;right:var(--fa-right,0);top:0;top:var(--fa-top,0);transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:0;left:var(--fa-left,0);right:auto;top:0;top:var(--fa-top,0);transform:scale(.25);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;left:calc(var(--fa-li-width, 2em)*-1);line-height:inherit;position:absolute;text-align:center;width:2em;width:var(--fa-li-width,2em)}.fa-border{border-color:#eee;border-color:var(--fa-border-color,#eee);border-radius:.1em;border-radius:var(--fa-border-radius,.1em);border-style:solid;border-style:var(--fa-border-style,solid);border-width:.08em;border-width:var(--fa-border-width,.08em);padding:.2em .25em .15em;padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:.3em;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:.3em;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-bounce;animation-timing-function:cubic-bezier(.28,.84,.42,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-beat-fade;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-flip;animation-timing-function:ease-in-out;animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-shake;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:0s;animation-delay:var(--fa-animation-delay,0s);animation-direction:normal;animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-duration:2s;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function:linear;animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-direction:normal;animation-direction:var(--fa-animation-direction,normal);animation-duration:1s;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:infinite;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-name:fa-spin;animation-timing-function:steps(8);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(1.25);transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(.9,1.1) translateY(-.5em);transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(1.05,.95) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(-.125em);transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:.4;opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:.4;opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(1.125);transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotateY(-180deg);transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(0);transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:auto;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff;color:var(--fa-inverse,#fff)}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.svg-inline--fa .fa-primary{fill:currentColor;fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:currentColor;fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}

.loading-wrapper{align-items:center;background-color:hsla(0,0%,100%,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;position:fixed;right:0;top:0;z-index:150}.breeding-rhombus-spinner{height:65px;position:relative;transform:rotate(45deg);width:65px}.breeding-rhombus-spinner,.breeding-rhombus-spinner *{box-sizing:border-box}.breeding-rhombus-spinner .rhombus{animation-duration:2s;animation-iteration-count:infinite;background-color:#e41e26;height:8.6666666667px;left:28.1665727781px;position:absolute;top:28.1665727781px;width:8.6666666667px}.breeding-rhombus-spinner .rhombus:nth-child(2n+0){margin-right:0}.breeding-rhombus-spinner .rhombus.child-1{animation-delay:.1s;animation-name:breeding-rhombus-spinner-animation-child-1}.breeding-rhombus-spinner .rhombus.child-2{animation-delay:.2s;animation-name:breeding-rhombus-spinner-animation-child-2}.breeding-rhombus-spinner .rhombus.child-3{animation-delay:.3s;animation-name:breeding-rhombus-spinner-animation-child-3}.breeding-rhombus-spinner .rhombus.child-4{animation-delay:.4s;animation-name:breeding-rhombus-spinner-animation-child-4}.breeding-rhombus-spinner .rhombus.child-5{animation-delay:.5s;animation-name:breeding-rhombus-spinner-animation-child-5}.breeding-rhombus-spinner .rhombus.child-6{animation-delay:.6s;animation-name:breeding-rhombus-spinner-animation-child-6}.breeding-rhombus-spinner .rhombus.child-7{animation-delay:.7s;animation-name:breeding-rhombus-spinner-animation-child-7}.breeding-rhombus-spinner .rhombus.child-8{animation-delay:.8s;animation-name:breeding-rhombus-spinner-animation-child-8}.breeding-rhombus-spinner .rhombus.big{animation-duration:2s;animation:breeding-rhombus-spinner-animation-child-big 2s infinite;animation-delay:.5s;background-color:#e41e26;height:21.6666666667px;left:21.6666666667px;top:21.6666666667px;width:21.6666666667px}@keyframes breeding-rhombus-spinner-animation-child-1{50%{transform:translate(-325%,-325%)}}@keyframes breeding-rhombus-spinner-animation-child-2{50%{transform:translateY(-325%)}}@keyframes breeding-rhombus-spinner-animation-child-3{50%{transform:translate(325%,-325%)}}@keyframes breeding-rhombus-spinner-animation-child-4{50%{transform:translate(325%)}}@keyframes breeding-rhombus-spinner-animation-child-5{50%{transform:translate(325%,325%)}}@keyframes breeding-rhombus-spinner-animation-child-6{50%{transform:translateY(325%)}}@keyframes breeding-rhombus-spinner-animation-child-7{50%{transform:translate(-325%,325%)}}@keyframes breeding-rhombus-spinner-animation-child-8{50%{transform:translate(-325%)}}@keyframes breeding-rhombus-spinner-animation-child-big{50%{transform:scale(.5)}}.loading-enter-active,.loading-leave-active{transition:opacity .3s}.loading-enter,.loading-leave-to{opacity:0}

.main{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7;color:#757575;font-family:"Montserrat",sans-serif;font-size:.16rem;line-height:1.7;overflow:hidden;text-align:center}.main.freeze{pointer-events:none}@media only screen and (max-width:750px){.main{font-size:.4rem}}

nav{align-items:center;background-color:hsla(0,0%,100%,.95);border-bottom:1px solid #dfdfdf;color:#191919;display:flex;height:.8rem;padding:0 .4rem;position:fixed;top:0;width:100%;z-index:50}nav .logo{background:url(https://careers.cdn.garenanow.com/assets/garena-logo.png) 50%/100% auto no-repeat;cursor:pointer;display:block;height:.4785rem;margin-right:.3rem;width:1.595rem}nav .burger-menu,nav .search-icon{display:none}nav .nav-search-box{margin-left:auto;width:5rem}nav .nav-search-box input.search{background-color:transparent;border-bottom:1px solid #000;border-radius:0;color:#000;padding:.12rem 0;width:calc(100% - .4rem)}nav .nav-search-box input.search::-moz-placeholder{color:#555}nav .nav-search-box input.search::placeholder{color:#555}nav .nav-search-box:before{display:none}nav .nav-search-box .suggest-list{background-color:hsla(0,0%,100%,.95);box-shadow:none;margin-top:.25rem}@media only screen and (max-width:750px){nav{height:1.6rem;padding:0 .7rem}nav:before{background-color:#fff;bottom:0;content:"";left:0;opacity:0;position:absolute;position:fixed;right:0;top:0;transition:all .2s;visibility:hidden}nav.nav-open .close-icon,nav.nav-open:before{opacity:1;visibility:visible}nav.nav-open .close-icon{transform:none}nav .logo{height:.87rem;margin-right:auto;width:2.9rem;z-index:10}nav .burger-menu{background:url(https://careers.cdn.garenanow.com/assets/m-nav-menu.png) 50%/100% auto no-repeat;cursor:pointer;display:block;height:.52rem;transition:all .2s;width:.7rem}nav .burger-menu.hide{opacity:0;transform:rotate(-45deg)}nav .search-icon{background:url(https://careers.cdn.garenanow.com/assets/m-nav-search.png) 50%/100% auto no-repeat;cursor:pointer;display:block;height:.6rem;margin-right:.8rem;transition:all .2s;width:.6rem}nav .search-icon.hide{opacity:0}nav .close-icon{background:url(https://careers.cdn.garenanow.com/assets/m-icon-close.png) 50%/100% auto no-repeat;border:.2rem solid transparent;box-sizing:content-box;cursor:pointer;height:.5rem;opacity:0;position:fixed;right:.6rem;top:.32rem;transform:rotate(90deg);transition:all .3s;visibility:hidden;width:.5rem}nav .nav-search-box{display:none}}.nav-link-box{align-items:center;display:flex;font-size:1.1em}@media only screen and (max-width:750px){.nav-link-box{bottom:0;display:block;font-size:1.5em;left:0;margin:2rem 0 .6rem;opacity:0;overflow-y:auto;padding:0 1.2rem;position:absolute;position:fixed;right:0;text-align:left;top:0;transition:all .2s;visibility:hidden}.nav-link-box.active{opacity:1;visibility:visible}.nav-link-box.active .current-value,.nav-link-box.active .nav-link-item{opacity:1;transform:none;transition:all .5s}}.nav-link-item{border:.2rem solid transparent;display:block;font-weight:600;margin-right:.4rem;position:relative}html[lang=vn] .nav-link-item{margin-right:0}.nav-link-item:before{background-color:#e41e26;content:"";height:4px;left:0;position:absolute;top:95%;transition:all .2s;width:0}.nav-link-item.nuxt-link-active:before,.nav-link-item:hover:before{width:100%}@media only screen and (max-width:750px){.nav-link-item{border:none;margin:0;opacity:0;padding:.35rem 0;transform:translateY(25%);transition:all .2s}.nav-link-item:before{display:none}.nav-link-item.nuxt-link-active,.nav-link-item:active,.nav-link-item:hover{color:#e41e26}}.location-select-box{border:1px solid;border-radius:.3rem;font-weight:600;position:relative}.location-select-box.open .option-box{opacity:1;transform:translateX(-50%);visibility:visible}.location-select-box.open .current-value:after{transform:rotate(180deg)}.location-select-box .current-value{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.08rem .3rem}.location-select-box .current-value:after{background:url(https://careers.cdn.garenanow.com/assets/icon-office-arrow.png) 50%/100% auto no-repeat;content:"";height:8px;margin-left:.2rem;transition:all .2s;width:7px}.location-select-box .option-box{background-color:hsla(0,0%,100%,.95);border-radius:.1rem;box-shadow:2px 2px 10px rgba(0,0,0,.3);left:50%;margin-top:.25rem;min-width:100%;opacity:0;padding:.2rem .1rem;position:absolute;top:100%;transform:translateX(-50%) translateY(-15%);transition:all .3s;visibility:hidden}.location-select-box .option{cursor:pointer;padding:.1rem 0;transition:all .2s;white-space:nowrap}.location-select-box .option:hover{color:#e41e26}.location-select-box .option.hide{display:none}@media only screen and (max-width:750px){.location-select-box{border:none;border-radius:0;border-top:1px solid #dfdfdf;font-size:.9em;margin-top:.5rem;padding:.6rem 0 .2rem;width:100%}.location-select-box:before{color:#e41e26;content:attr(data-title);display:block;font-size:.8em;margin-bottom:.1rem}.location-select-box.open .option-box{height:auto;padding-bottom:.3rem;padding-top:.3rem;transform:none;transition:all .2s,opacity .4s}.location-select-box.open .current-value:after{background-image:url(https://careers.cdn.garenanow.com/assets/m-icon-arrow-1.png);transform:none}.location-select-box .current-value{opacity:0;padding:.1rem 0;transform:translateY(25%);transition:all .2s}.location-select-box .current-value:after{background:url(https://careers.cdn.garenanow.com/assets/m-icon-arrow-2.png) 50%/100% auto no-repeat;height:.15rem;width:.26rem}.location-select-box .option-box{box-shadow:none;height:0;left:0;margin:0;padding:0;transform:none;transition:all .2s}.location-select-box .option{color:#757575;font-size:.9em;font-weight:400;padding:.2rem 0}}.filter-enter-active,.filter-leave-active{transition:opacity .3s}.filter-enter-active .filter-modal,.filter-leave-active .filter-modal{transition:transform .3s}.filter-enter,.filter-leave-to{opacity:0}.filter-enter .filter-modal,.filter-leave-to .filter-modal{transform:translateY(10%)}

.search-box{position:relative;z-index:2}.search-box:before{background:url(https://careers.cdn.garenanow.com/assets/icon-search.png) 50%/100% auto no-repeat;bottom:0;content:"";height:.45rem;left:.3rem;margin:auto;pointer-events:none;position:absolute;top:0;transform:scale(.7);transition:all .2s;width:.45rem}@media only screen and (max-width:750px){.search-box:before{left:.5rem;transform:none}}.search-box .search-btn{border-left:1px solid;color:#e41e26;cursor:pointer;font-weight:700;line-height:1.8;padding-left:.25rem;position:absolute;right:.3rem;top:50%;transform:translateY(-50%)}@media only screen and (max-width:750px){.search-box .search-btn{right:.5rem}}.search-box .search-btn.icon-only{background:url(https://careers.cdn.garenanow.com/assets/m-nav-search.png) 50%/100% auto no-repeat;border:none;font-size:0;height:.3rem;padding:0;right:0;width:.3rem}input.search{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.5rem;color:#757575;display:block;padding:.25rem .5rem .25rem .8rem;width:100%}input.search::-moz-placeholder{color:#e41e26;-moz-transition:all .2s;transition:all .2s}input.search::placeholder{color:#e41e26;transition:all .2s}input.search.btn-space{padding-right:1.6rem}@media only screen and (max-width:750px){input.search{border-radius:1rem;padding:.4rem .4rem .4rem 1.2rem}input.search.btn-space{padding-right:2.5rem}}.suggest-list{background-color:#fff;border-radius:.1rem;box-shadow:0 0 .15rem rgba(0,0,0,.2);color:#555;font-size:.9em;left:0;margin-top:.1rem;padding:.2rem .5rem;position:absolute;right:0;text-align:left;top:100%;z-index:1}.suggest-list .suggest-item{cursor:pointer;line-height:1.2;padding:.2rem;transition:all .2s}.suggest-list .suggest-item:hover{color:#e41e26}.suggest-list .suggest-item:not(:last-child){border-bottom:1px solid #dfdfdf}@media only screen and (max-width:750px){.suggest-list{border:1px solid #e8e8e8;box-shadow:none;margin-top:.2rem;padding:.5rem .8rem}.suggest-list .suggest-item{padding:.2rem 0}}.suggest-enter-active,.suggest-leave-active{transition:all .2s}.suggest-enter,.suggest-leave-to{opacity:0}

.job-detail-page{background-color:#fff;overflow:hidden;position:relative}.job-detail-page .detail-wrapper{display:flex;margin:1.8rem auto 2rem;text-align:left;width:12rem}html[lang=cn] .job-detail-page .detail-wrapper,html[lang=tw] .job-detail-page .detail-wrapper{text-align:justify}@media only screen and (max-width:750px){.job-detail-page .detail-wrapper{display:block;margin:auto;padding:1rem .7rem 2rem;padding-top:2rem;width:auto}}.job-detail-page .job-content{border-right:1px solid #dfdfdf;margin-right:.3rem;padding-right:.3rem;width:72%}.job-detail-page .job-content .job-title{color:#e41e26;font-size:1.4em;font-weight:700}.job-detail-page .job-content .tags{color:#191919;margin:.1rem 0 .5rem}.job-detail-page .job-content .tags span:not(:last-child):after{content:"|";margin:0 .07rem}.job-detail-page .job-content .more-desc-box{background-color:#f7f7f7;margin:.5rem 0 .7rem;overflow:hidden;padding:.5rem .5rem 0}.job-detail-page .job-content .more-desc-box .more-title{color:#191919;font-size:1.1em;font-weight:700}.job-detail-page .job-content .more-desc-box .more-text{margin:.1rem 0 .4rem}.job-detail-page .job-content .apply-btn{display:block;margin:auto;padding:.2rem 1rem}.job-detail-page .job-content ol,.job-detail-page .job-content ul{margin-bottom:revert;margin-top:revert;padding-left:revert;padding-right:revert}.job-detail-page .job-content li{list-style:disc none outside;list-style:initial}.job-detail-page .job-content b,.job-detail-page .job-content strong{font-weight:revert}@media only screen and (max-width:750px){.job-detail-page .job-content{border-bottom:1px solid #dfdfdf;border-right:none;margin:0 0 1rem;padding:0 0 1rem;width:100%}.job-detail-page .job-content .more-desc-box{margin-left:-1rem;margin-right:-1rem;padding:.8rem 1rem}.job-detail-page .job-content .apply-btn{border-radius:1rem;font-weight:700;padding:.3rem;width:100%}}.job-detail-page .related-jobs{flex:1}.job-detail-page .related-jobs .title{color:#130808;font-size:1.1em;font-weight:700;margin-bottom:.4rem}.job-detail-page .related-jobs .link-item{display:block;font-size:.9em;margin-bottom:.4rem}.job-detail-page .related-jobs .location{border-left:4px solid #e41e26;line-height:1;margin-bottom:.1rem;padding-left:.1rem}.job-detail-page .related-jobs .job-title{color:#191919;padding-left:.15rem}@media only screen and (max-width:750px){.job-detail-page .related-jobs .title{margin-bottom:.8rem}.job-detail-page .related-jobs .link-item{font-size:1em;margin-bottom:.8rem}.job-detail-page .related-jobs .location{margin-bottom:.2rem;padding-left:.2rem}.job-detail-page .related-jobs .job-title{padding-left:.3rem}}.job-detail-page .error-content{margin:1.5rem 0}.deco-bg.job .deco-1{animation:decoMoving 12s linear infinite alternate both;background:url(https://careers.cdn.garenanow.com/assets/bg-circle1.png) 50%/100% auto no-repeat;height:6.55rem;left:-2.5rem;top:-2.5rem;width:6.55rem}.deco-bg.job .deco-2{animation:decoMoving 12s linear 1s infinite alternate-reverse both;background:url(https://careers.cdn.garenanow.com/assets/bg-circle3.png) 50%/100% auto no-repeat;bottom:-4.5rem;height:10rem;right:-4.5rem;width:10rem}

footer{background-color:#191919;color:#fff;padding:.64rem 3rem 0;position:relative;text-align:left}footer .footer-content{align-items:flex-start;display:flex;justify-content:space-between}footer .footer-content .logo-section{margin-left:.04rem}footer .footer-content .logo-section .logo{background:url(https://careers.cdn.garenanow.com/assets/garena-logo.png) 50%/100% auto no-repeat;display:block;height:.57rem;margin:0 0 .34rem -.03rem;width:1.91rem}footer .footer-content .logo-section .title-social-media{font-size:.18rem}footer .footer-content .logo-section .list{display:flex;margin-top:.1rem}footer .footer-content .logo-section .list .social-media{height:.43rem;width:.43rem}footer .footer-content .logo-section .list .social-media:not(:first-of-type){margin-left:.19rem}footer .footer-content .logo-section .list .social-media .icon-social-media{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}footer .footer-content .info-section{display:flex;margin-top:.16rem}footer .footer-content .info-section .link-box{align-items:flex-start;display:flex;flex-direction:column;margin-left:1.08rem}footer .footer-content .info-section .link-box .title{font-size:.18rem;font-weight:600;margin-bottom:.22rem}footer .footer-content .info-section .link-box a{padding:.02rem 0;transition:all .2s}footer .copyright-box{align-items:center;border-top:1px solid #2d2d2d;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1.08rem;padding-bottom:.35rem}footer .copyright-box .links{color:#757575}footer .copyright-box .links a{transition:all .2s}footer .copyright-box .links a:hover{color:#fff}footer .copyright-box .links .divider:after{content:"|";margin:0 .05rem}@media only screen and (max-width:750px){footer{padding:1.11rem .42rem env(safe-area-inset-bottom)}footer .footer-content{flex-direction:column;justify-content:flex-start;padding:0 .46rem}footer .footer-content .logo-section{margin-left:0}footer .footer-content .logo-section .logo{height:.78rem;margin:0 0 1.07rem .04rem;width:2.61rem}footer .footer-content .logo-section .title-social-media{font-size:.35rem}footer .footer-content .logo-section .list{margin-top:.28rem}footer .footer-content .logo-section .list .social-media{height:.82rem;width:.82rem}footer .footer-content .logo-section .list .social-media:not(:first-of-type){margin-left:.46rem}footer .footer-content .info-section{margin-top:1.26rem}footer .footer-content .info-section .link-box{margin:0 1.15rem 0 0}footer .footer-content .info-section .link-box .title{font-size:.34rem;margin-bottom:.34rem}footer .footer-content .info-section .link-box a{font-size:.3rem;padding:.07rem 0}footer .copyright-box{margin-top:.82rem}footer .copyright-box .text{font-size:.24rem;margin-top:.08rem;order:2}footer .copyright-box .links{font-size:.22rem;margin-top:.42rem}}

.redirect-mask{align-items:center;background-color:rgba(0,0,0,.9);bottom:0;display:flex;justify-content:center;left:0;position:absolute;position:fixed;right:0;top:0;z-index:100}.redirect-mask .redirect-modal{background:url(https://careers.cdn.garenanow.com/assets/popup-bg.png) 50%/100% auto no-repeat;height:5.23rem;padding:.8rem 1.2rem;position:relative;width:10rem}.redirect-mask .content,.redirect-mask .redirect-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.redirect-mask .content{flex-grow:1;font-size:1.2em}.redirect-mask .close-icon{background:url(https://careers.cdn.garenanow.com/assets/popup-btn-close.png) 50%/100% auto no-repeat;cursor:pointer;height:.4rem;position:absolute;right:-.5rem;top:-.5rem;width:.4rem}@media only screen and (max-width:750px){.redirect-mask .redirect-modal{background:url(https://careers.cdn.garenanow.com/assets/m-popup-bg.png) 50%/100% auto no-repeat;height:6.63rem;width:10.63rem}.redirect-mask .content{font-size:1.1em}}.modals-enter-active,.modals-leave-active{transition:opacity .3s}.modals-enter-active .redirect-modal,.modals-leave-active .redirect-modal{transition:transform .3s}.modals-enter,.modals-leave-to{opacity:0}.modals-enter .redirect-modal,.modals-leave-to .redirect-modal{transform:scale(.7)}

.toast-wrapper[data-v-7422f6c2]{left:50%;pointer-events:none;position:fixed;top:10%;transform:translateX(-50%);z-index:9999}.toast-container[data-v-7422f6c2]{display:flex;flex-direction:column;gap:10px}.toast[data-v-7422f6c2]{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;max-width:400px;min-width:300px;padding:12px 16px;pointer-events:auto}.toast.success .toast-icon[data-v-7422f6c2]{color:#52c41a}.toast.error .toast-icon[data-v-7422f6c2]{color:#ff4d4f}.toast.warning .toast-icon[data-v-7422f6c2]{color:#faad14}.toast.info .toast-icon[data-v-7422f6c2]{color:#1890ff}.toast .toast-icon[data-v-7422f6c2]{align-items:center;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;margin-right:12px;width:20px}.toast .toast-content[data-v-7422f6c2]{flex:1;min-width:0}.toast .toast-content .toast-message[data-v-7422f6c2]{color:#333;font-size:14px;line-height:1.4;word-break:break-word}.toast .toast-close[data-v-7422f6c2]{align-items:center;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;margin-left:12px;transition:all .2s ease;width:20px}.toast .toast-close[data-v-7422f6c2]:hover{background:rgba(0,0,0,.1);color:#666}.toast-fade-enter-active[data-v-7422f6c2],.toast-fade-leave-active[data-v-7422f6c2]{transition:all .3s ease}.toast-fade-enter[data-v-7422f6c2],.toast-fade-leave-to[data-v-7422f6c2]{opacity:0;transform:translateY(100%)}@media(max-width:768px){.toast[data-v-7422f6c2]{max-width:none;min-width:auto;width:100%}}

About

Teams

Early Careers & Internships

Careers

Search

Garena - Senior Frontend Engineer

Taipei

Engineering and Technology

Experienced (Individual Contributor)

We are looking for a Senior Frontend Engineer who is not only technically solid but also passionate about mentoring others and contributing to a collaborative team culture. You will: Job Description ✨In this role, you will be responsible for: 1. Collaborate closely with backend engineers, PMs, QAs, and cross-functional teams to provide appropriate technical solutions and build high-quality event websites and frontend product features.

2. Ensure pixel-perfect execution and implement rich UI experiences using CSS animations, transitions, and motion effects.

3. Develop and maintain reusable components and modules to improve development efficiency and system stability.

4. Drive the adoption of frontend standards, best practices, and performance optimization strategies.

5. Drive the introduction and adoption of AI to enhance development efficiency and quality.

6. Actively participate in code reviews to improve code quality across the team.

7. Support onboarding and mentorship of new engineers to foster a culture of knowledge sharing and collaboration.

8. Continuously improve development workflows and tooling to enhance team productivity and developer experience.

Job Requirements ✨We are looking for someone who has: 1. BS degree in Computer Science or related field, or equivalent hands-on development experience.

2. 3+ years of experience in frontend development, with solid knowledge of JavaScript, HTML, and CSS.

3. Proficient in VueJS or ReactJS, with a strong understanding of component lifecycle and state management concepts.

4. Solid understanding of CSS transitions, animations, and visual effects for building rich UI interactions 5. Strong team player with excellent communication skills and a passion for sharing knowledge.

6. Self-motivated and proactive in identifying problems and proposing technical solutions.

✨Preferred qualifications: 1. Familiarity with AI-powered design-to-code solutions (e.g., Figma-to-code plugins, LLM-based component generation) or rapid prototyping is a significant plus.

2. Familiarity with UI design tools or graphics software (e.g., Figma, Zeplin, Photoshop) to ensure pixel-perfect design implementation is a plus.

3. Familiarity with performance monitoring and analysis tools (e.g., Lighthouse, Sentry) is a plus.

4. Passion for mobile gaming is a plus.

Apply Now

View Other Positions

Taipei

Garena - Backend Engineer

Taipei

Garena - Project Coordinator

Follow us

Garena Careers

About

Teams

Early Careers & Internships

Careers

Learn More

Sea

Garena

Copyright © Garena Online. Trademarks belong to their respective owners. All rights reserved.

Terms of Service

Privacy Policy

Security

window.__NUXT__=(function(a,b,c,d,e,f,g,h,i){return {layout:c,data:[{}],fetch:{},error:a,state:{Event:{navigationMenu:[{name:"About",link:"\u002Fglobal\u002Fabout",bannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002Fnew-about-kv.jpg",mobileBannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002Fm-new-about-kv.jpg"},{name:"Teams",link:"\u002Fglobal\u002Fteams",bannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002FTeams%20-%20FFWS%20-1920x910.png",mobileBannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002Fm-teams-%20FFWS%20-1242x670.png"},{name:"Early Careers & Internships",link:"\u002Fglobal\u002Fcampus",bannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002FStudents-1920x910.png",mobileBannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fglobal\u002FStudents-1242x670.png"},{name:"Careers",link:"\u002Fglobal\u002Fcareers",bannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fmx\u002Fstudents-kv.jpg",mobileBannerLink:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fmx\u002Fm-students-kv.jpg"}],offices:[{name:"Global",link:d,defaultLocation:a,seaGroupLink:"https:\u002F\u002Fwww.sea.com\u002Fhome",garenaLink:"https:\u002F\u002Fwww.garena.sg\u002F",linkedinLink:e}],currentOffice:d,socialMedia:[{img:"https:\u002F\u002Fcareers.cdn.garenanow.com\u002Fassets\u002Ficon-in.png",link:e}],faq:[{question:"I would like to include more details in my resume or portfolio. Do I re-submit my application?",answer:"Before submitting your application, please ensure all your information is accurate and up-to-date as you will be unable to modify your application after submission."},{question:"Do I need to be a hardcore gamer to join Garena?",answer:"Nope, we welcome all candidates who show a keen interest in the tech and online games industry to apply! However, for some roles such as game operations and esports, you may need to have a stronger understanding of the games industry and markets to stand out among other candidates."},{question:"How many rounds of interviews are there?",answer:"The number of interview rounds vary according to the job type and seniority of the role. You will be informed by the recruiter on the number of interview rounds."},{question:"What would I be assessed on during the interviews?",answer:"Our recruiters and hiring managers want to get to know you and learn about your various experiences and skills! You can expect some behavioral, hypothetical, technical, or case-based questions to assess on the job competencies which will differ according to the role that you have applied for."},{question:"How can I prepare for my interview?",answer:"Research and analyse the role you have applied for, and think of why this role excites you! We also recommend that you familiarise yourself with our 5 core values as we are looking for like-minded individuals to join us. Lastly, come ready with some questions of your own. This will show us that you are excited to understand more about the role you're applying for."},{question:"I am unable to attend the interview at the scheduled time slot as I have something urgent to attend to, what should I do?",answer:"We strongly encourage you to attend your scheduled interview where possible as changing your interview timeslot could cause a delay in the process. In the case that you have an urgent matter to attend to, please contact the recruiter to reschedule your interview."},{question:"I have a competing offer with a deadline. What should I do?",answer:"If you are in the midst of the interview process with us, you can let the recruiter know about your competing offer in order to schedule interviews more quickly. If possible, it is also recommended to check with the other employer if they can extend the offer deadline."},{question:"Can I apply for more than one role concurrently?",answer:"Yes, you may apply for multiple roles! However, we encourage you to think carefully and apply for the role that best aligns with your skills, experience, and interests! Our recruiters will review your application to determine the most suitable role for you."},{question:"How can I know my application status?",answer:"Our recruiters will keep you updated on your application status and the next steps of the hiring process via email. Due to the high volume of applications, our recruiters will need some time to get back to you."},{question:"Can I re-apply to the same role if I did not get it previously?",answer:"Yes, if the position has not been filled, you may apply for the role again. However, we recommend you to upskill yourself before you re-apply for the same role."},{question:"What happens at the end of my internship? Am I guaranteed a full-time role?",answer:"We may consider you for a full-time role after your internship. However, this will be dependent on your performance during your internship period."}],loadAbout:a,evp:a,homeSharing:a,gamerImg:a,loadTeams:a,teamCategories:a,loadProgram:a,programList:a,programSharing:a},General:{isLoading:false,loadingType:c},Job:{filterOffice:a,inputKeyword:f,selectedType:[],selectedCategory:[],suggestionResult:a,jobFilters:a,jobList:a,jobDetail:{relatedJobs:[{id:"J00371381",title:"Garena - Backend Engineer",tags:{location:[b],jobCategory:[g],jobType:[h]},description:"\u003Cp\u003E\u003Csub\u003EWe are looking for a backend engineer who is passionate about building scalable web services and is excited to leverage AI tools to work faster and smarter. You are expected to use AI to accelerate development, build internal tools, and, when needed, handle lightweight frontend tasks to support end-to-end delivery. This is not a traditional backend role — we are looking for engineers who can think in products, not just systems, and are comfortable working across boundaries with the help of AI.\u003C\u002Fsub\u003E\u003C\u002Fp\u003E"},{id:"J02142405",title:"Garena - Project Coordinator",tags:{location:[b],jobCategory:[],jobType:[h]},description:"\u003Cp\u003E\u003Csub\u003EWe are looking for a Project Coordinator who is passionate about game-related web development, action-oriented, and eager to embrace AI tools. In this role, you will support game event websites and cross-functional projects, ensuring requirements are clearly defined and timelines move forward smoothly. You will also leverage AI and vibe coding to build lightweight automation tools that improve efficiency and reduce dependency on engineers. If you love games, enjoy solving problems, and believe AI can help you work smarter, this role is for you.\u003C\u002Fsub\u003E\u003C\u002Fp\u003E"}],id:"J00349412",title:"Garena - Senior Frontend Engineer",tags:{location:[b],jobCategory:[g],jobType:["Experienced (Individual Contributor)"]},description:"\u003Cp\u003E\u003Csub\u003EWe are looking for a Senior Frontend Engineer who is not only technically solid but also passionate about mentoring others and contributing to a collaborative team culture. You will:\u003C\u002Fsub\u003E\u003C\u002Fp\u003E",jobDescription:"\u003Cp\u003E\u003Csub\u003E✨In this role, you will be responsible for:\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E1. Collaborate closely with backend engineers, PMs, QAs, and cross-functional teams to provide appropriate technical solutions and build high-quality event websites and frontend product features.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E2. Ensure pixel-perfect execution and implement rich UI experiences using CSS animations, transitions, and motion effects.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E3. Develop and maintain reusable components and modules to improve development efficiency and system stability.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E4. Drive the adoption of frontend standards, best practices, and performance optimization strategies.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E5. Drive the introduction and adoption of AI to enhance development efficiency and quality.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E6. Actively participate in code reviews to improve code quality across the team.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E7. Support onboarding and mentorship of new engineers to foster a culture of knowledge sharing and collaboration.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E8. Continuously improve development workflows and tooling to enhance team productivity and developer experience.\u003C\u002Fsub\u003E\u003C\u002Fp\u003E",jobRequirements:"\u003Cp\u003E\u003Csub\u003E✨We are looking for someone who has:\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E1. BS degree in Computer Science or related field, or equivalent hands-on development experience.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E2. 3+ years of experience in frontend development, with solid knowledge of JavaScript, HTML, and CSS.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E3. Proficient in VueJS or ReactJS, with a strong understanding of component lifecycle and state management concepts.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E4. Solid understanding of CSS transitions, animations, and visual effects for building rich UI interactions\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E5. Strong team player with excellent communication skills and a passion for sharing knowledge.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E6. Self-motivated and proactive in identifying problems and proposing technical solutions.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Csub\u003E✨Preferred qualifications:\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E1. Familiarity with AI-powered design-to-code solutions (e.g., Figma-to-code plugins, LLM-based component generation) or rapid prototyping is a significant plus.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E2. Familiarity with UI design tools or graphics software (e.g., Figma, Zeplin, Photoshop) to ensure pixel-perfect design implementation is a plus.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E3. Familiarity with performance monitoring and analysis tools (e.g., Lighthouse, Sentry) is a plus.\u003C\u002Fsub\u003E\u003Cbr\u003E\u003Csub\u003E4. Passion for mobile gaming is a plus.\u003C\u002Fsub\u003E\u003C\u002Fp\u003E",relevantSkills:i,applyUrl:f},countryCodeList:[],degreeList:[],disciplineList:[],schoolList:[],sourceList:[],regionList:[],skillList:[],degreeClassificationList:[],applyUrl:a},utils:{},i18n:{routeParams:{}}},serverRendered:i,routePath:"\u002Fglobal\u002Fcareers\u002FJ00349412",config:{ATS_HOST:"https:\u002F\u002Fats.workatsea.com",_app:{basePath:"\u002F",assetsPath:"\u002F_nuxt\u002F",cdnURL:a}}}}(null,"Taipei","default","global","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fgarena\u002F","","Engineering and Technology","Entry Level",true));