Help
RSS
API
Feed
Maltego
Contact
Domain > hanscahya.com
×
Welcome!
Right click nodes and scroll the mouse to navigate the graph.
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2016-07-25
202.150.213.94
(
ClassC
)
2024-09-14
99.83.231.61
(
ClassC
)
Port 443
HTTP/1.1 200 OKAge: 6656928Cache-Control: public,max-age0,must-revalidateCache-Status: Next.js; hitCache-Status: Netlify Durable; fwdmissCache-Status: Netlify Edge; fwdmissContent-Length: 58242Content-Type: text/html; charsetutf-8Date: Sat, 14 Sep 2024 17:11:54 GMTEtag: krezg4vxsp18x2Netlify-Vary: headerx-nextjs-data|x-next-debug-logging|RSC|Next-Router-State-Tree|Next-Router-Prefetch|Next-Url|Accept-Encoding,cookie__prerender_bypass|__next_preview_dataServer: NetlifyStrict-Transport-Security: max-age31536000Vary: RSC,Next-Router-State-Tree,Next-Router-Prefetch,Next-Url,Accept-EncodingX-Content-Type-Options: nosniffX-Nextjs-Date: Sat, 14 Sep 2024 17:11:54 GMTX-Nf-Request-Id: 01J7RRA2XNQN84E9DH0G6NFZYMX-Powered-By: Next.js !DOCTYPE html>html langen>head>meta charSetutf-8/>meta nameviewport contentwidthdevice-width, initial-scale1/>link relpreload href/_next/static/media/507d2859712d6aed.p.woff2 asfont crossorigin typefont/woff2/>link relpreload href/_next/static/media/b14f00143a5467b7.p.woff2 asfont crossorigin typefont/woff2/>link relstylesheet href/_next/static/css/c46d78417aa8445c.css crossorigin data-precedencenext/>link relstylesheet href/_next/static/css/ca68ae65c7eb4c87.css crossorigin data-precedencenext/>link relpreload asscript fetchPrioritylow href/_next/static/chunks/webpack-bdf6bfb9bf80a34a.js crossorigin/>script src/_next/static/chunks/fd9d1056-c7082c319cc53ced.js async crossorigin>/script>script src/_next/static/chunks/69-3c42ded033075db6.js async crossorigin>/script>script src/_next/static/chunks/main-app-c18a6f612fc47fbd.js async crossorigin>/script>script src/_next/static/chunks/391-24a7b41bfb8614fb.js async>/script>script src/_next/static/chunks/app/page-1cdd117d53ab7d22.js async>/script>script src/_next/static/chunks/544-973540a97e17e96a.js async>/script>script src/_next/static/chunks/app/layout-4858faa25e33f41e.js async>/script>title>Hans Cahya | Frontend Engineer, Tech Enthusiast/title>meta namedescription contentI'm a Frontend Engineer from Tangerang. Check out my tech journey, projects, and let's connect!/>meta propertyog:title contentHans Cahya | Frontend Engineer, Tech Enthusiast/>meta propertyog:description contentI'm a Frontend Engineer from Tangerang. Check out my tech journey, projects, and let's connect!/>meta propertyog:url contenthttps://www.hanscahya.com/>meta propertyog:image contenthttps://www.hanscahya.com/images/profile-pict.png/>meta propertyog:type contentwebsite/>meta nametwitter:card contentsummary/>meta nametwitter:title contentHans Cahya | Frontend Engineer, Tech Enthusiast/>meta nametwitter:description contentI'm a Frontend Engineer from Tangerang. Check out my tech journey, projects, and let's connect!/>meta nametwitter:image contenthttps://www.hanscahya.com/images/profile-pict.png/>script src/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js crossorigin noModule>/script>/head>body classgrid lg:grid-cols-2 text-primary font-afacad>div classblock lg:hidden h-50vh bg-primary text-white>img altprofile-picture loadinglazy decodingasync data-nimgfill classpx-20 max-w-md mx-auto styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:contain;color:transparent sizes500 srcSet/_next/image?url%2Fimages%2Fprofile-pict.png&w16&q75 16w, /_next/image?url%2Fimages%2Fprofile-pict.png&w32&q75 32w, /_next/image?url%2Fimages%2Fprofile-pict.png&w48&q75 48w, /_next/image?url%2Fimages%2Fprofile-pict.png&w64&q75 64w, /_next/image?url%2Fimages%2Fprofile-pict.png&w96&q75 96w, /_next/image?url%2Fimages%2Fprofile-pict.png&w128&q75 128w, /_next/image?url%2Fimages%2Fprofile-pict.png&w256&q75 256w, /_next/image?url%2Fimages%2Fprofile-pict.png&w384&q75 384w, /_next/image?url%2Fimages%2Fprofile-pict.png&w640&q75 640w, /_next/image?url%2Fimages%2Fprofile-pict.png&w750&q75 750w, /_next/image?url%2Fimages%2Fprofile-pict.png&w828&q75 828w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1080&q75 1080w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1200&q75 1200w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1920&q75 1920w, /_next/image?url%2Fimages%2Fprofile-pict.png&w2048&q75 2048w, /_next/image?url%2Fimages%2Fprofile-pict.png&w3840&q75 3840w src/_next/image?url%2Fimages%2Fprofile-pict.png&w3840&q75/>/div>div class__className_c5f170>div classgrid grid-cols-10>div classcol-start-2 col-end-10 lg:col-start-4 lg:col-end-8>div classh-screen flex flex-col justify-center>h1 class__className_99f02d text-5xl> Hans Cahya/h1>h3 classmt-2 text-3xl> Front-End Engineer /h3>a classmt-20 flex items-center cursor-pointer target_blank href/portfolio.pdf>span classinline-block bg-secondary text-white text-xs px-2 rounded-full tracking-wide>new/span> span classhover:underline>My Portfolio/span> svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height14 width14 xmlnshttp://www.w3.org/2000/svg>path dm13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z>/path>path dM19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z>/path>/svg>/a>a classmt-3 flex items-center cursor-pointer href#contactme>Find me onsvg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height20 width20 xmlnshttp://www.w3.org/2000/svg>path dM16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z>/path>/svg>/a>a classmt-3 flex items-center cursor-pointer href#hireme>Get to know me bettersvg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height20 width20 xmlnshttp://www.w3.org/2000/svg>path dM16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z>/path>/svg>/a>/div>div idhireme classh-screen flex flex-col justify-center>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->About Me!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>p classmt-5 my-2>Front-End Engineer, with 6+ years of experience, specializing in Nuxt/Vue and Next/React.js frameworks./p>p classmy-2>Problem-solving is a core part of what I enjoy about development, and I thrive on finding elegant solutions./p>p classmy-2>I'm meticulous in my approach, ensuring clear documentation and descriptive Git commit messages./p>p classmy-2>My preference for simplicity guides my work, ensuring user-friendly and maintainable web experiences./p>p classmy-2>I'm passionate to work as a web developer, since kid. I like simplicity and very well organized./p>/div>div classgrid gap-y-40>div classflex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Education!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>div classmt-5 flex flex-col gap-y-5>div classmy-2>label classfont-semibold text-secondary>2013 - 2017/label>h4 classtext-2xl>Binus University/h4>ul classmt-2 list-none>li> !-- -->School of Computer Science!-- --> /li>li> !-- -->• member of himti binus!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>2010 - 2013/label>h4 classtext-2xl>Dwiwarna Boarding School/h4>ul classmt-2 list-none>li> !-- -->• head of festival dwiwarna 2012!-- --> /li>li> !-- -->• vice president of osis dwiwarna!-- --> /li>li> !-- -->• member of mpk dwiwarna!-- --> /li>/ul>/div>/div>/div>div classflex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Highlights!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>ul classmt-5 list-disc>li classmy-2>Successfully led the Nuxt 3 migration, expertly balancing version upgrades with ongoing maintenance and feature development./li>li classmy-2>Build sgco web application (client-facing & admin dashboard) from the ground up, with very little experience./li>li classmy-2>Led a frontend team, established development guidelines, and reduced code complexity for a more efficient workflow./li>li classmy-2>Developed a mobile app using React Native and the streamlined Expo toolkit from Facebook./li>li classmy-2>Successfully deployed a website on BMKG Jakarta's on-site server, ensuring its accessibility to the public./li>/ul>/div>div classflex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Area of Expertise!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>ul classmt-5 list-disc>li classmy-2>h4 classtext-lg>Framework used/h4>ul classml-5 mb-5 list-disc>li classmy-2>NuxtJS (Vue)/li>li classmy-2>NextJS (React)/li>li classmy-2>React Native/li>/ul>/li>li classmy-2>h4 classtext-lg>Product mangagement apps/h4>ul classml-5 mb-5 list-disc>li classmy-2>Github & Gitlab/li>li classmy-2>Figma/li>li classmy-2>Lark, Slack/li>li classmy-2>Notion, Asana, Trello/li>/ul>/li>li classmy-2>h4 classtext-lg>Library used/h4>ul classml-5 mb-5 list-disc>li classmy-2>Tailwind, Bootstrap/li>li classmy-2>NaiveUI, DaisyUI/li>li classmy-2>GSAP/li>/ul>/li>li classmy-2>h4 classtext-lg>Development tools/h4>ul classml-5 mb-5 list-disc>li classmy-2>nginx/li>li classmy-2>pm2/li>/ul>/li>li classmy-2>h4 classtext-lg>Passionate to learn/h4>ul classml-5 mb-5 list-disc>li classmy-2>iOS or native app development/li>li classmy-2>UI/UX/li>li classmy-2>Product Management/li>/ul>/li>/ul>/div>div classflex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Careers!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>div classmt-5 flex flex-col gap-y-5>div classmy-2>label classfont-semibold text-secondary>Des, 2021 - Present/label>h4 classtext-2xl>Lead Frontend Web Developer at INFT/h4>ul classmt-2 list-disc>li> !-- -->IN Financial Tech (INFT) is a finance solution app for small-medium enterprise, that based on Singapore.!-- --> /li>li> !-- -->Promoted by CTO, I led frontend development process with the focus on accelerating feature delivery.!-- --> /li>li> !-- -->Also to improve team development process, and has resulted in notable achievements:!-- --> /li>li> !-- -->Established FE development guidelines, significantly reducing code conflicts and complexity. This led to a noticeable increase in on-time feature delivery.!-- --> /li>li classlist-none>/li>li> !-- -->Built trust among engineers through clear standards and collaboration.!-- --> /li>li> !-- -->Lead the Nuxt 3 migration plan, modernizing our tech stack for better performance and efficiency.!-- --> /li>li> !-- -->Built trust among engineers through clear standards and collaboration.!-- --> /li>li> !-- -->Lead the Nuxt 3 migration plan, modernizing our tech stack for better performance and efficiency.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Aug, 2021 - Nov, 2021/label>h4 classtext-2xl>Frontend Web Developer at INFT/h4>ul classmt-2 list-disc>li> !-- -->Initially focused on the internal admin dashboard, I played a key role in streamlining the customer onboarding process, reducing operational time from 20 minutes to 5 minutes. !-- --> /li>li> !-- -->My responsibilities expanded to develop core dashboard features including user/client management and configuration settings, enhancing overall efficiency.!-- --> /li>li> !-- -->Additionally, I contributed to the public-facing app by implementing the loan withdrawal feature.!-- --> /li>li> !-- -->Throughout this period, I developed using Nuxt 2, with bootstrap-vue for both platform.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Sep 2020 - Jul, 2021/label>h4 classtext-2xl>Frontend Engineer at Flitts/h4>ul classmt-2 list-disc>li> !-- -->Flitts is a digital agency based on Jakarta, specializing in beautiful web stores.!-- --> /li>li> !-- -->The agency's diverse clientele allowed me to expand my capabilities.!-- --> /li>li> !-- -->Working with technologies like React Native, Nuxt, .NET, and WordPress.!-- --> /li>li> !-- -->I was also entrusted with the opportunity to build their latest company website (flitts.com).!-- --> /li>li> !-- -->Where I experimented with GSAP to create engaging engaging animations.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Feb 2019 - May, 2020/label>h4 classtext-2xl>Co-Founder at Starguides Co./h4>ul classmt-2 list-disc>li> !-- -->At SGco, I played a crucial role in developing a travel platform connecting travelers with tour guides.!-- --> /li>li> !-- -->Partnering with Indonesian student associations, we aimed to empower students financially.!-- --> /li>li> !-- -->I built the web application from the ground up, handling both client-facing and administrative interfaces using VueJS, Express, and MongoDB.!-- --> /li>li> !-- -->Beyond technical expertise, this experience provided valuable insights into the operational and business aspects of impactful web development.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Feb, 2016 - Sep, 2018/label>h4 classtext-2xl>Full-stack Engineer at W3Ocean/h4>ul classmt-2 list-disc>li> !-- -->W3O is a singapore based company, that engages in various software solution for enterprise.!-- --> /li>li> !-- -->Here I help them build an ERP software using EmberJS & SailsJS.!-- --> /li>li> !-- -->As my first time using NodeJS, I was involved in develop the FE & BE side.!-- --> /li>li> !-- -->Other tasks I do here, also require me to use PHP Codeigniter, to develop their other project.!-- --> /li>/ul>/div>/div>/div>div classflex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Side-Project!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>div classmt-2>Beside work a full-time job, I sometimes also work on a side-projects, ranging from developing a company profile to a full public & admin dashboard web app./div>div classmt-5 flex flex-col gap-y-5>div classmy-2>label classfont-semibold text-secondary>Nov, 2023 - Jan, 2024/label>h4 classtext-2xl>Silolona/h4>ul classmt-2 list-none>li> !-- -->I returned to work with Flitts' designer to revamp the company profile for Silolona Sojourns, a luxury phinisi charter service offering unique Southeast Asian destinations.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Sep, 2023 - Dec, 2023/label>h4 classtext-2xl>Milio/h4>ul classmt-2 list-none>li> !-- -->I developed Milio's (premium photo booth service) mobile-first web app. It enables client photo booking, editing (using Fabric.js), and printing. The app is built with NextJS.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Jul, 2023 - Oct, 2023/label>h4 classtext-2xl>Daekyung/h4>ul classmt-2 list-none>li> !-- -->I participated in developing the company profile for Daekyung, a prominent Indonesian heavy industry company. I focused on the develop the company profile site, admin CMS and backend using Firebase.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Oct, 2022 - Dec, 2022/label>h4 classtext-2xl>Bunda Pintar/h4>ul classmt-2 list-none>li> !-- -->I contributed to the initial website development of the BundaPintar pregnancy app (Klinik Pintar and Rumah Sakit Bunda network) using Nuxt.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Jul, 2022 - Mar, 2023/label>h4 classtext-2xl>Project Monitoring, internal BCA/h4>ul classmt-2 list-none>li> !-- -->I worked on an internal web app for Indonesia's top bank. The app is used to monitoring building project, progress reports and scheduled maintenance. This project highlighted the importance of strict security protocols and adhering to precise sprint timelines.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Apr, 2021 - Mar, 2022/label>h4 classtext-2xl>Aladin Bank/h4>ul classmt-2 list-none>li> !-- -->During their transition, from Bank Net Syariah, I worked within the corporate secretary division. Developing a temporary website and internal campaign microsite for Alfamart using Nuxt 2.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Jun 2021 - Aug 2021/label>h4 classtext-2xl>Transavia Otomasi/h4>ul classmt-2 list-none>li> !-- -->Created a custom company profile website from scratch using Nuxt 2 for Transavia, a factory machine consultant, meticulously adhering to detailed design mockups.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Oct, 2020 - Dec, 2020/label>h4 classtext-2xl>Tropical Cyclone site, BMKG/h4>ul classmt-2 list-none>li> !-- -->Involved on building Indonesia's tropical cyclone monitoring web application, using Nuxt 2 and Leaflet for dynamic mapping. Also developed the internal-facing app to streamline staff operations.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Jun, 2020/label>h4 classtext-2xl>Ting Idea/h4>ul classmt-2 list-none>li> !-- -->Designed and developed the website for a Tangerang-based digital agency, ensuring a visually appealing and user-friendly online presence.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Nov, 2019/label>h4 classtext-2xl>Sejati Cargo/h4>ul classmt-2 list-none>li> !-- -->Built a company profile website using Vue.js for a Bali-based logistics company, showcasing their services and capabilities.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Apr, 2017/label>h4 classtext-2xl>Serat Home Decoration/h4>ul classmt-2 list-none>li> !-- -->Developed an e-commerce web store, for a uniquely Japanese style decoration, utilizing PHP and WordPress.!-- --> /li>/ul>/div>div classmy-2>label classfont-semibold text-secondary>Jan, 2017/label>h4 classtext-2xl>Buyme Project/h4>ul classmt-2 list-none>li> !-- -->An e-commerce platform where I build it using Codeigniter and MySQL.!-- --> /li>/ul>/div>/div>/div>/div>div idcontactme classmin-h-screen flex flex-col justify-center pb-5>div classflex items-center gap-4>h2 class__className_99f02d text-nowrap text-4xl w-fit> !-- -->Contact!-- --> /h2>div classborder-b-2 border-primary w-full>/div>/div>div classmt-10 text-lg>div>span classfont-semibold>Phone/span>a hreftel:+628651142982> +62-856-11-42-982/a>/div>div>span classfont-semibold>Email/span>a hrefmailto:mail@hanscahya.com> mail@hanscahya.com/a>/div>div>span classfont-semibold>Address/span>span> Tangerang, Banten/span>/div>/div>div classmt-5 flex flex-col gap-4>a classflex items-center gap-2 hover:underline target_blank hrefhttps://www.linkedin.com/in/hanscahya>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height1em width1em xmlnshttp://www.w3.org/2000/svg>circle cx4.983 cy5.009 r2.188>/circle>path dM9.237 8.855v12.139h3.769v-6.003c0-1.584.298-3.118 2.262-3.118 1.937 0 1.961 1.811 1.961 3.218v5.904H21v-6.657c0-3.27-.704-5.783-4.526-5.783-1.835 0-3.065 1.007-3.568 1.96h-.051v-1.66H9.237zm-6.142 0H6.87v12.139H3.095z>/path>/svg>LinkedIn/a>a classflex items-center gap-2 hover:underline target_blank hrefhttps://www.upwork.com/freelancers/hansc5>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height1em width1em xmlnshttp://www.w3.org/2000/svg>path dM17.47 6.07a4.54 4.54 0 0 0-4.38 3.69 19.9 19.9 0 0 1-2.28-4.9H8.55v6a2.14 2.14 0 1 1-4.28 0v-6L2 4.91v6a4.4 4.4 0 1 0 8.8-.05v-1a20.55 20.55 0 0 0 1.65 2.7l-1.38 6.61h2.32l1-4.81a5.61 5.61 0 0 0 3.11.89 4.57 4.57 0 0 0 0-9.14zm0 6.83a4.09 4.09 0 0 1-2.55-1l.23-.91v-.05c.16-1 .66-2.6 2.35-2.6a2.25 2.25 0 0 1 2.27 2.24 2.41 2.41 0 0 1-2.27 2.32z>/path>/svg>Upwork/a>a classflex items-center gap-2 hover:underline target_blank hrefhttps://github.com/hanscahya>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height1em width1em xmlnshttp://www.w3.org/2000/svg>path fill-ruleevenodd clip-ruleevenodd dM12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z>/path>/svg>Github/a>a classflex items-center gap-2 hover:underline target_blank hrefhttps://gitlab.com/hans.cahya>svg strokecurrentColor fillcurrentColor stroke-width0 viewBox0 0 24 24 height1em width1em xmlnshttp://www.w3.org/2000/svg>path dM20.892 9.889a.664.664 0 0 0-.025-.087l-2.104-6.479a.84.84 0 0 0-.8-.57.822.822 0 0 0-.789.575l-2.006 6.175H8.834L6.826 3.327a.823.823 0 0 0-.786-.575h-.006a.837.837 0 0 0-.795.575L3.133 9.815c0 .005-.005.01-.007.016l-1.067 3.281a1.195 1.195 0 0 0 .435 1.34l9.227 6.706c.167.121.393.12.558-.003l9.229-6.703a1.2 1.2 0 0 0 .435-1.34l-1.051-3.223zM17.97 3.936l1.809 5.566H16.16l1.81-5.566zm-11.94 0 1.812 5.566H4.228L6.03 3.936zm-2.982 9.752a.253.253 0 0 1-.093-.284l.793-2.437 5.817 7.456-6.517-4.735zm1.499-3.239h3.601l2.573 7.916-6.174-7.916zm7.452 8.794-2.856-8.798h5.718l-1.792 5.515-1.07 3.283zm1.282-.877 2.467-7.588.106-.329h3.604l-5.586 7.156-.591.761zm7.671-4.678-6.519 4.733.022-.029 5.794-7.425.792 2.436a.25.25 0 0 1-.089.285z>/path>/svg>Gitlab/a>/div>/div>div classmb-4 text-sm>©!-- -->2024!-- --> by Hans Cahya. Built using Next.js, Tailwind CSS. Deployed in Netlify./div>/div>/div>/div>div classhidden lg:block fixed top-0 right-0 w-1/2 h-screen bg-primary text-white>img altprofile-picture loadinglazy decodingasync data-nimgfill classpx-20 max-w-md mx-auto styleposition:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:contain;color:transparent sizes500 srcSet/_next/image?url%2Fimages%2Fprofile-pict.png&w16&q75 16w, /_next/image?url%2Fimages%2Fprofile-pict.png&w32&q75 32w, /_next/image?url%2Fimages%2Fprofile-pict.png&w48&q75 48w, /_next/image?url%2Fimages%2Fprofile-pict.png&w64&q75 64w, /_next/image?url%2Fimages%2Fprofile-pict.png&w96&q75 96w, /_next/image?url%2Fimages%2Fprofile-pict.png&w128&q75 128w, /_next/image?url%2Fimages%2Fprofile-pict.png&w256&q75 256w, /_next/image?url%2Fimages%2Fprofile-pict.png&w384&q75 384w, /_next/image?url%2Fimages%2Fprofile-pict.png&w640&q75 640w, /_next/image?url%2Fimages%2Fprofile-pict.png&w750&q75 750w, /_next/image?url%2Fimages%2Fprofile-pict.png&w828&q75 828w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1080&q75 1080w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1200&q75 1200w, /_next/image?url%2Fimages%2Fprofile-pict.png&w1920&q75 1920w, /_next/image?url%2Fimages%2Fprofile-pict.png&w2048&q75 2048w, /_next/image?url%2Fimages%2Fprofile-pict.png&w3840&q75 3840w src/_next/image?url%2Fimages%2Fprofile-pict.png&w3840&q75/>/div>script src/_next/static/chunks/webpack-bdf6bfb9bf80a34a.js crossorigin async>/script>script>(self.__next_fself.__next_f||).push(0);self.__next_f.push(2,null)/script>script>self.__next_f.push(1,1:HL\/_next/static/media/507d2859712d6aed.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n2:HL\/_next/static/css/c46d78417aa8445c.css\,\style\,{\crossOrigin\:\\}\n0:\$L3\\n)/script>script>self.__next_f.push(1,4:HL\/_next/static/media/b14f00143a5467b7.p.woff2\,\font\,{\crossOrigin\:\\,\type\:\font/woff2\}\n5:HL\/_next/static/css/ca68ae65c7eb4c87.css\,\style\,{\crossOrigin\:\\}\n)/script>script>self.__next_f.push(1,6:I7690,,\\\n8:I5250,\391\,\static/chunks/391-24a7b41bfb8614fb.js\,\931\,\static/chunks/app/page-1cdd117d53ab7d22.js\,\\\n9:I1749,\544\,\static/chunks/544-973540a97e17e96a.js\,\185\,\static/chunks/app/layout-4858faa25e33f41e.js\,\Image\\na:I5613,,\\\nb:I1778,,\\\nd:I8955,,\\\ne:\n)/script>script>self.__next_f.push(1,3:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/c46d78417aa8445c.css\,\precedence\:\next\,\crossOrigin\:\\},\$\,\$L6\,null,{\buildId\:\CPwZHop4_b-uiaQny_8q5\,\assetPrefix\:\\,\initialCanonicalUrl\:\/\,\initialTree\:\\,{\children\:\__PAGE__\,{}},\$undefined\,\$undefined\,true,\initialSeedData\:\\,{\children\:\__PAGE__\,{},\$L7\,\$\,\div\,null,{\className\:\grid grid-cols-10\,\children\:\$\,\div\,null,{\className\:\col-start-2 col-end-10 lg:col-start-4 lg:col-end-8\,\children\:\$\,\div\,null,{\className\:\h-screen flex flex-col justify-center\,\children\:\$\,\h1\,null,{\className\:\__className_99f02d text-5xl\,\children\:\ Hans Cahya\},\$\,\h3\,null,{\className\:\mt-2 text-3xl\,\children\:\ Front-End Engineer \},\$\,\$L8\,null,{\className\:\mt-20 flex items-center cursor-pointer\,\href\:\/portfolio.pdf\,\target\:\_blank\,\children\:\$\,\span\,null,{\className\:\inline-block bg-secondary text-white text-xs px-2 rounded-full tracking-wide\,\children\:\new\},\ \,\$\,\span\,null,{\className\:\hover:underline\,\children\:\My Portfolio\},\ \,\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\d\:\m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z\,\children\:},\$\,\path\,\1\,{\d\:\M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:14,\width\:14,\xmlns\:\http://www.w3.org/2000/svg\}},\$\,\$L8\,null,{\className\:\mt-3 flex items-center cursor-pointer\,\href\:\#contactme\,\children\:\Find me on\,\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\d\:\M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:20,\width\:20,\xmlns\:\http://www.w3.org/2000/svg\}},\$\,\$L8\,null,{\className\:\mt-3 flex items-center cursor-pointer\,\href\:\#hireme\,\children\:\Get to know me better\,\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\d\:\M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:20,\width\:20,\xmlns\:\http://www.w3.org/2000/svg\}}},\$\,\div\,null,{\id\:\hireme\,\className\:\h-screen flex flex-col justify-center\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\About Me\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\p\,null,{\className\:\mt-5 my-2\,\children\:\Front-End Engineer, with 6+ years of experience, specializing in Nuxt/Vue and Next/React.js frameworks.\},\$\,\p\,null,{\className\:\my-2\,\children\:\Problem-solving is a core part of what I enjoy about development, and I thrive on finding elegant solutions.\},\$\,\p\,null,{\className\:\my-2\,\children\:\Im meticulous in my approach, ensuring clear documentation and descriptive Git commit messages.\},\$\,\p\,null,{\className\:\my-2\,\children\:\My preference for simplicity guides my work, ensuring user-friendly and maintainable web experiences.\},\$\,\p\,null,{\className\:\my-2\,\children\:\Im passionate to work as a web developer, since kid. I like simplicity and very well organized.\}},\$\,\div\,null,{\className\:\grid gap-y-40\,\children\:\$\,\div\,null,{\className\:\flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Education\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\div\,null,{\className\:\mt-5 flex flex-col gap-y-5\,\children\:\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\2013 - 2017\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Binus University\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\School of Computer Science\,\ \},\$\,\li\,\1\,{\children\:\ \,\• member of himti binus\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\2010 - 2013\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Dwiwarna Boarding School\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\• head of festival dwiwarna 2012\,\ \},\$\,\li\,\1\,{\children\:\ \,\• vice president of osis dwiwarna\,\ \},\$\,\li\,\2\,{\children\:\ \,\• member of mpk dwiwarna\,\ \}}}}},\$\,\div\,null,{\className\:\flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Highlights\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\ul\,null,{\className\:\mt-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\Successfully led the Nuxt 3 migration, expertly balancing version upgrades with ongoing maintenance and feature development.\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\Build sgco web application (client-facing \u0026 admin dashboard) from the ground up, with very little experience.\},\$\,\li\,\2\,{\className\:\my-2\,\children\:\Led a frontend team, established development guidelines, and reduced code complexity for a more efficient workflow.\},\$\,\li\,\3\,{\className\:\my-2\,\children\:\Developed a mobile app using React Native and the streamlined Expo toolkit from Facebook.\},\$\,\li\,\4\,{\className\:\my-2\,\children\:\Successfully deployed a website on BMKG Jakartas on-site server, ensuring its accessibility to the public.\}}},\$\,\div\,null,{\className\:\flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Area of Expertise\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\ul\,null,{\className\:\mt-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\$\,\h4\,null,{\className\:\text-lg\,\children\:\Framework used\},\$\,\ul\,null,{\className\:\ml-5 mb-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\NuxtJS (Vue)\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\NextJS (React)\},\$\,\li\,\2\,{\className\:\my-2\,\children\:\React Native\}}},\$\,\li\,\1\,{\className\:\my-2\,\children\:\$\,\h4\,null,{\className\:\text-lg\,\children\:\Product mangagement apps\},\$\,\ul\,null,{\className\:\ml-5 mb-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\Github \u0026 Gitlab\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\Figma\},\$\,\li\,\2\,{\className\:\my-2\,\children\:\Lark, Slack\},\$\,\li\,\3\,{\className\:\my-2\,\children\:\Notion, Asana, Trello\}}},\$\,\li\,\2\,{\className\:\my-2\,\children\:\$\,\h4\,null,{\className\:\text-lg\,\children\:\Library used\},\$\,\ul\,null,{\className\:\ml-5 mb-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\Tailwind, Bootstrap\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\NaiveUI, DaisyUI\},\$\,\li\,\2\,{\className\:\my-2\,\children\:\GSAP\}}},\$\,\li\,\3\,{\className\:\my-2\,\children\:\$\,\h4\,null,{\className\:\text-lg\,\children\:\Development tools\},\$\,\ul\,null,{\className\:\ml-5 mb-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\nginx\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\pm2\}}},\$\,\li\,\4\,{\className\:\my-2\,\children\:\$\,\h4\,null,{\className\:\text-lg\,\children\:\Passionate to learn\},\$\,\ul\,null,{\className\:\ml-5 mb-5 list-disc\,\children\:\$\,\li\,\0\,{\className\:\my-2\,\children\:\iOS or native app development\},\$\,\li\,\1\,{\className\:\my-2\,\children\:\UI/UX\},\$\,\li\,\2\,{\className\:\my-2\,\children\:\Product Management\}}}}},\$\,\div\,null,{\className\:\flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Careers\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\div\,null,{\className\:\mt-5 flex flex-col gap-y-5\,\children\:\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Des, 2021 - Present\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Lead Frontend Web Developer at INFT\},\$\,\ul\,null,{\className\:\mt-2 list-disc\,\children\:\$\,\li\,\0\,{\children\:\ \,\IN Financial Tech (INFT) is a finance solution app for small-medium enterprise, that based on Singapore.\,\ \},\$\,\li\,\1\,{\children\:\ \,\Promoted by CTO, I led frontend development process with the focus on accelerating feature delivery.\,\ \},\$\,\li\,\2\,{\children\:\ \,\Also to improve team development process, and has resulted in notable achievements:\,\ \},\$\,\li\,\3\,{\children\:\ \,\Established FE development guidelines, significantly reducing code conflicts and complexity. This led to a noticeable increase in on-time feature delivery.\,\ \},\$\,\li\,null,{\className\:\list-none\},\$\,\li\,\5\,{\children\:\ \,\Built trust among engineers through clear standards and collaboration.\,\ \},\$\,\li\,\6\,{\children\:\ \,\Lead the Nuxt 3 migration plan, modernizing our tech stack for better performance and efficiency.\,\ \},\$\,\li\,\7\,{\children\:\ \,\Built trust among engineers through clear standards and collaboration.\,\ \},\$\,\li\,\8\,{\children\:\ \,\Lead the Nuxt 3 migration plan, modernizing our tech stack for better performance and efficiency.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Aug, 2021 - Nov, 2021\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Frontend Web Developer at INFT\},\$\,\ul\,null,{\className\:\mt-2 list-disc\,\children\:\$\,\li\,\0\,{\children\:\ \,\Initially focused on the internal admin dashboard, I played a key role in streamlining the customer onboarding process, reducing operational time from 20 minutes to 5 minutes. \,\ \},\$\,\li\,\1\,{\children\:\ \,\My responsibilities expanded to develop core dashboard features including user/client management and configuration settings, enhancing overall efficiency.\,\ \},\$\,\li\,\2\,{\children\:\ \,\Additionally, I contributed to the public-facing app by implementing the loan withdrawal feature.\,\ \},\$\,\li\,\3\,{\children\:\ \,\Throughout this period, I developed using Nuxt 2, with bootstrap-vue for both platform.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Sep 2020 - Jul, 2021\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Frontend Engineer at Flitts\},\$\,\ul\,null,{\className\:\mt-2 list-disc\,\children\:\$\,\li\,\0\,{\children\:\ \,\Flitts is a digital agency based on Jakarta, specializing in beautiful web stores.\,\ \},\$\,\li\,\1\,{\children\:\ \,\The agencys diverse clientele allowed me to expand my capabilities.\,\ \},\$\,\li\,\2\,{\children\:\ \,\Working with technologies like React Native, Nuxt, .NET, and WordPress.\,\ \},\$\,\li\,\3\,{\children\:\ \,\I was also entrusted with the opportunity to build their latest company website (flitts.com).\,\ \},\$\,\li\,\4\,{\children\:\ \,\Where I experimented with GSAP to create engaging engaging animations.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Feb 2019 - May, 2020\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Co-Founder at Starguides Co.\},\$\,\ul\,null,{\className\:\mt-2 list-disc\,\children\:\$\,\li\,\0\,{\children\:\ \,\At SGco, I played a crucial role in developing a travel platform connecting travelers with tour guides.\,\ \},\$\,\li\,\1\,{\children\:\ \,\Partnering with Indonesian student associations, we aimed to empower students financially.\,\ \},\$\,\li\,\2\,{\children\:\ \,\I built the web application from the ground up, handling both client-facing and administrative interfaces using VueJS, Express, and MongoDB.\,\ \},\$\,\li\,\3\,{\children\:\ \,\Beyond technical expertise, this experience provided valuable insights into the operational and business aspects of impactful web development.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Feb, 2016 - Sep, 2018\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Full-stack Engineer at W3Ocean\},\$\,\ul\,null,{\className\:\mt-2 list-disc\,\children\:\$\,\li\,\0\,{\children\:\ \,\W3O is a singapore based company, that engages in various software solution for enterprise.\,\ \},\$\,\li\,\1\,{\children\:\ \,\Here I help them build an ERP software using EmberJS \u0026 SailsJS.\,\ \},\$\,\li\,\2\,{\children\:\ \,\As my first time using NodeJS, I was involved in develop the FE \u0026 BE side.\,\ \},\$\,\li\,\3\,{\children\:\ \,\Other tasks I do here, also require me to use PHP Codeigniter, to develop their other project.\,\ \}}}}},\$\,\div\,null,{\className\:\flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Side-Project\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\div\,null,{\className\:\mt-2\,\children\:\Beside work a full-time job, I sometimes also work on a side-projects, ranging from developing a company profile to a full public \u0026 admin dashboard web app.\},\$\,\div\,null,{\className\:\mt-5 flex flex-col gap-y-5\,\children\:\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Nov, 2023 - Jan, 2024\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Silolona\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\I returned to work with Flitts designer to revamp the company profile for Silolona Sojourns, a luxury phinisi charter service offering unique Southeast Asian destinations.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Sep, 2023 - Dec, 2023\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Milio\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\I developed Milios (premium photo booth service) mobile-first web app. It enables client photo booking, editing (using Fabric.js), and printing. The app is built with NextJS.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Jul, 2023 - Oct, 2023\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Daekyung\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\I participated in developing the company profile for Daekyung, a prominent Indonesian heavy industry company. I focused on the develop the company profile site, admin CMS and backend using Firebase.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Oct, 2022 - Dec, 2022\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Bunda Pintar\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\I contributed to the initial website development of the BundaPintar pregnancy app (Klinik Pintar and Rumah Sakit Bunda network) using Nuxt.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Jul, 2022 - Mar, 2023\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Project Monitoring, internal BCA\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\I worked on an internal web app for Indonesias top bank. The app is used to monitoring building project, progress reports and scheduled maintenance. This project highlighted the importance of strict security protocols and adhering to precise sprint timelines.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Apr, 2021 - Mar, 2022\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Aladin Bank\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\During their transition, from Bank Net Syariah, I worked within the corporate secretary division. Developing a temporary website and internal campaign microsite for Alfamart using Nuxt 2.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Jun 2021 - Aug 2021\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Transavia Otomasi\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\Created a custom company profile website from scratch using Nuxt 2 for Transavia, a factory machine consultant, meticulously adhering to detailed design mockups.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Oct, 2020 - Dec, 2020\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Tropical Cyclone site, BMKG\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\Involved on building Indonesias tropical cyclone monitoring web application, using Nuxt 2 and Leaflet for dynamic mapping. Also developed the internal-facing app to streamline staff operations.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Jun, 2020\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Ting Idea\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\Designed and developed the website for a Tangerang-based digital agency, ensuring a visually appealing and user-friendly online presence.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Nov, 2019\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Sejati Cargo\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\Built a company profile website using Vue.js for a Bali-based logistics company, showcasing their services and capabilities.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Apr, 2017\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Serat Home Decoration\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\Developed an e-commerce web store, for a uniquely Japanese style decoration, utilizing PHP and WordPress.\,\ \}}},\$\,\div\,null,{\className\:\my-2\,\children\:\$\,\label\,null,{\className\:\font-semibold text-secondary\,\children\:\Jan, 2017\},\$\,\h4\,null,{\className\:\text-2xl\,\children\:\Buyme Project\},\$\,\ul\,null,{\className\:\mt-2 list-none\,\children\:\$\,\li\,\0\,{\children\:\ \,\An e-commerce platform where I build it using Codeigniter and MySQL.\,\ \}}}}}},\$\,\div\,null,{\id\:\contactme\,\className\:\min-h-screen flex flex-col justify-center pb-5\,\children\:\$\,\div\,null,{\className\:\flex items-center gap-4\,\children\:\$\,\h2\,null,{\className\:\__className_99f02d text-nowrap text-4xl w-fit\,\children\:\ \,\Contact\,\ \},\$\,\div\,null,{\className\:\border-b-2 border-primary w-full\}},\$\,\div\,null,{\className\:\mt-10 text-lg\,\children\:\$\,\div\,null,{\children\:\$\,\span\,null,{\className\:\font-semibold\,\children\:\Phone\},\$\,\$L8\,null,{\href\:\tel:+628651142982\,\children\:\ +62-856-11-42-982\}},\$\,\div\,null,{\children\:\$\,\span\,null,{\className\:\font-semibold\,\children\:\Email\},\$\,\$L8\,null,{\href\:\mailto:mail@hanscahya.com\,\children\:\ mail@hanscahya.com\}},\$\,\div\,null,{\children\:\$\,\span\,null,{\className\:\font-semibold\,\children\:\Address\},\$\,\span\,null,{\children\:\ Tangerang, Banten\}}},\$\,\div\,null,{\className\:\mt-5 flex flex-col gap-4\,\children\:\$\,\$L8\,null,{\className\:\flex items-center gap-2 hover:underline\,\href\:\https://www.linkedin.com/in/hanscahya\,\target\:\_blank\,\children\:\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\circle\,\0\,{\cx\:\4.983\,\cy\:\5.009\,\r\:\2.188\,\children\:},\$\,\path\,\1\,{\d\:\M9.237 8.855v12.139h3.769v-6.003c0-1.584.298-3.118 2.262-3.118 1.937 0 1.961 1.811 1.961 3.218v5.904H21v-6.657c0-3.27-.704-5.783-4.526-5.783-1.835 0-3.065 1.007-3.568 1.96h-.051v-1.66H9.237zm-6.142 0H6.87v12.139H3.095z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:\1em\,\width\:\1em\,\xmlns\:\http://www.w3.org/2000/svg\},\LinkedIn\},\$\,\$L8\,null,{\className\:\flex items-center gap-2 hover:underline\,\href\:\https://www.upwork.com/freelancers/hansc5\,\target\:\_blank\,\children\:\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\d\:\M17.47 6.07a4.54 4.54 0 0 0-4.38 3.69 19.9 19.9 0 0 1-2.28-4.9H8.55v6a2.14 2.14 0 1 1-4.28 0v-6L2 4.91v6a4.4 4.4 0 1 0 8.8-.05v-1a20.55 20.55 0 0 0 1.65 2.7l-1.38 6.61h2.32l1-4.81a5.61 5.61 0 0 0 3.11.89 4.57 4.57 0 0 0 0-9.14zm0 6.83a4.09 4.09 0 0 1-2.55-1l.23-.91v-.05c.16-1 .66-2.6 2.35-2.6a2.25 2.25 0 0 1 2.27 2.24 2.41 2.41 0 0 1-2.27 2.32z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:\1em\,\width\:\1em\,\xmlns\:\http://www.w3.org/2000/svg\},\Upwork\},\$\,\$L8\,null,{\className\:\flex items-center gap-2 hover:underline\,\href\:\https://github.com/hanscahya\,\target\:\_blank\,\children\:\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\fillRule\:\evenodd\,\clipRule\:\evenodd\,\d\:\M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:\1em\,\width\:\1em\,\xmlns\:\http://www.w3.org/2000/svg\},\Github\},\$\,\$L8\,null,{\className\:\flex items-center gap-2 hover:underline\,\href\:\https://gitlab.com/hans.cahya\,\target\:\_blank\,\children\:\$\,\svg\,null,{\stroke\:\currentColor\,\fill\:\currentColor\,\strokeWidth\:\0\,\viewBox\:\0 0 24 24\,\children\:\$undefined\,\$\,\path\,\0\,{\d\:\M20.892 9.889a.664.664 0 0 0-.025-.087l-2.104-6.479a.84.84 0 0 0-.8-.57.822.822 0 0 0-.789.575l-2.006 6.175H8.834L6.826 3.327a.823.823 0 0 0-.786-.575h-.006a.837.837 0 0 0-.795.575L3.133 9.815c0 .005-.005.01-.007.016l-1.067 3.281a1.195 1.195 0 0 0 .435 1.34l9.227 6.706c.167.121.393.12.558-.003l9.229-6.703a1.2 1.2 0 0 0 .435-1.34l-1.051-3.223zM17.97 3.936l1.809 5.566H16.16l1.81-5.566zm-11.94 0 1.812 5.566H4.228L6.03 3.936zm-2.982 9.752a.253.253 0 0 1-.093-.284l.793-2.437 5.817 7.456-6.517-4.735zm1.499-3.239h3.601l2.573 7.916-6.174-7.916zm7.452 8.794-2.856-8.798h5.718l-1.792 5.515-1.07 3.283zm1.282-.877 2.467-7.588.106-.329h3.604l-5.586 7.156-.591.761zm7.671-4.678-6.519 4.733.022-.029 5.794-7.425.792 2.436a.25.25 0 0 1-.089.285z\,\children\:},\className\:\$undefined\,\style\:{\color\:\$undefined\},\height\:\1em\,\width\:\1em\,\xmlns\:\http://www.w3.org/2000/svg\},\Gitlab\}}},\$\,\div\,null,{\className\:\mb-4 text-sm\,\children\:\©\,\2024\,\ by Hans Cahya. Built using Next.js, Tailwind CSS. Deployed in Netlify.\}}},null},null,\$\,\html\,null,{\lang\:\en\,\children\:null,\$\,\body\,null,{\className\:\grid lg:grid-cols-2 text-primary font-afacad\,\children\:\$\,\div\,null,{\className\:\block lg:hidden h-50vh bg-primary text-white\,\children\:\$\,\$L9\,null,{\src\:\/images/profile-pict.png\,\alt\:\profile-picture\,\className\:\px-20 max-w-md mx-auto\,\layout\:\fill\,\sizes\:\500\,\objectFit\:\contain\}},\$\,\div\,null,{\className\:\__className_c5f170\,\children\:\$\,\$La\,null,{\parallelRouterKey\:\children\,\segmentPath\:\children\,\loading\:\$undefined\,\loadingStyles\:\$undefined\,\loadingScripts\:\$undefined\,\hasLoading\:false,\error\:\$undefined\,\errorStyles\:\$undefined\,\errorScripts\:\$undefined\,\template\:\$\,\$Lb\,null,{},\templateStyles\:\$undefined\,\templateScripts\:\$undefined\,\notFound\:\$\,\title\,null,{\children\:\404: This page could not be found.\},\$\,\div\,null,{\style\:{\fontFamily\:\system-ui,\\\Segoe UI\\\,Roboto,Helvetica,Arial,sans-serif,\\\Apple Color Emoji\\\,\\\Segoe UI Emoji\\\\,\height\:\100vh\,\textAlign\:\center\,\display\:\flex\,\flexDirection\:\column\,\alignItems\:\center\,\justifyContent\:\center\},\children\:\$\,\div\,null,{\children\:\$\,\style\,null,{\dangerouslySetInnerHTML\:{\__html\:\body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\}},\$\,\h1\,null,{\className\:\next-error-h1\,\style\:{\display\:\inline-block\,\margin\:\0 20px 0 0\,\padding\:\0 23px 0 0\,\fontSize\:24,\fontWeight\:500,\verticalAlign\:\top\,\lineHeight\:\49px\},\children\:\404\},\$\,\div\,null,{\style\:{\display\:\inline-block\},\children\:\$\,\h2\,null,{\style\:{\fontSize\:14,\fontWeight\:400,\lineHeight\:\49px\,\margin\:0},\children\:\This page could not be found.\}}}},\notFoundStyles\:,\styles\:\$\,\link\,\0\,{\rel\:\stylesheet\,\href\:\/_next/static/css/ca68ae65c7eb4c87.css\,\precedence\:\next\,\crossOrigin\:\\}}},\$\,\div\,null,{\className\:\hidden lg:block fixed top-0 right-0 w-1/2 h-screen bg-primary text-white\,\children\:\$\,\$L9\,null,{\src\:\/images/profile-pict.png\,\alt\:\profile-picture\,\className\:\px-20 max-w-md mx-auto\,\layout\:\fill\,\sizes\:\500\,\objectFit\:\contain\}}}},null,\initialHead\:false,\$Lc\,\globalErrorComponent\:\$d\,\missingSlots\:\$We\}\n)/script>script>self.__next_f.push(1,c:\$\,\meta\,\0\,{\name\:\viewport\,\content\:\widthdevice-width, initial-scale1\},\$\,\meta\,\1\,{\charSet\:\utf-8\},\$\,\title\,\2\,{\children\:\Hans Cahya | Frontend Engineer, Tech Enthusiast\},\$\,\meta\,\3\,{\name\:\description\,\content\:\Im a Frontend Engineer from Tangerang. Check out my tech journey, projects, and lets connect!\},\$\,\meta\,\4\,{\property\:\og:title\,\content\:\Hans Cahya | Frontend Engineer, Tech Enthusiast\},\$\,\meta\,\5\,{\property\:\og:description\,\content\:\Im a Frontend Engineer from Tangerang. Check out my tech journey, projects, and lets connect!\},\$\,\meta\,\6\,{\property\:\og:url\,\content\:\https://www.hanscahya.com\},\$\,\meta\,\7\,{\property\:\og:image\,\content\:\https://www.hanscahya.com/images/profile-pict.png\},\$\,\meta\,\8\,{\property\:\og:type\,\content\:\website\},\$\,\meta\,\9\,{\name\:\twitter:card\,\content\:\summary\},\$\,\meta\,\10\,{\name\:\twitter:title\,\content\:\Hans Cahya | Frontend Engineer, Tech Enthusiast\},\$\,\meta\,\11\,{\name\:\twitter:description\,\content\:\Im a Frontend Engineer from Tangerang. Check out my tech journey, projects, and lets connect!\},\$\,\meta\,\12\,{\name\:\twitter:image\,\content\:\https://www.hanscahya.com/images/profile-pict.png\}\n)/script>script>self.__next_f.push(1,7:null\n)/script>script>self.__next_f.push(1,)/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]