ABOUTPROJECTS

Frontend
Developer.

I am a Frontend Web Developer, Freelancer, NextJs/React Specialist. Graduted as Bachelor of Science and have an experienced Frontend Developer adept in all stages of advanced web development with 5+ years of experience. Knowledgeable in user interface, testing, and debugging processes. Bringing forth expertise in design, installation, testing and maintenance of web systems. Equipped with a diverse and promising skill-set. Proficient in an assortment of technologies, including Javascript, Typescript, ReactJs, VueJs, NextJs, HTML, CSS, Tailwind, Redux, CMS, Moodle, Algolia, etc. Able to effectively self-manage during independent projects, as well as collaborate in a team setting.

Highly skilled at progressive enhancement, design systems & UI Engineering

Experience with state management libraries like Redux, Saga, Zustand, React Context

Deep understanding of HTML5, ES6, CSS3/Sass, TailwindCSS and other front-end styling technologies

Strong debugging and problem-solving skills

Solid understanding of responsive web design

Skills.
NextJs
ReactJs
VueJS
CSS
HTML
TailwindCSS, MUI, ANTdesign
Redux, Saga, Zustand, Mobx, Jotai, Context
Playwright. React-testing, Jest
Storybook
GraphQL, Axios, JWT Auth, Oauth Service, React Query
Webpack, Babel
PWA, SPA
Projects.
Logo-smartfrensmartfren
Aug 2024 - Now (11 months)Full-time
PT Smartfren Telecom Tbk (“Smartfren” / IDX: FREN), is the only telecommunications service provider company in Indonesia that operates on a fully 4G network. With a national network coverage area, and more than 43,000 4G BTS spread across more than 285 cities throughout Indonesia, Smartfren has been appointed as the official telco partner for well-known global smartphone brands as well as a pioneer of various product innovations such as Voice-over-LTE services ( VoLTE) and Digital SIM (eSIM) in Indonesia. Smartfren is part of Sinarmas Group.
Responsibility:
  • Create web revamp www.smartfren.com
  • Create modular components, atomic design, and some reusable codes
  • Create website promo-esim bundling from scratch
  • Work seamlessly with the other team in particular Product teams and Backend Dev
Tech Stack: Typescript, NextJs, Storybook, React Redux
Img
Img
Logo-ViVO Inc JapanViVO Inc Japan
Nov 2024 - May 2025 (7 months)Part-time
ViVO's mission is to 'contribute to maximizing the profits of all companies' and ViVO provide 'growth support' services to solve business issues and achieve sustainable profit improvement by utilizing cutting-edge technology, mainly SaaS.
Responsibility:
  • Create client's web for bid
  • Create modular components, atomic design, and some reusable codes
Tech Stack: Javascript, NextJs, Zustand, React Query, Swagger
Logo-goKampusgoKampus
Dec 2022 - Now (1 years 7 months)Full-time
goKampus is Education Technology based in Indonesia and has 2 products for B2C and B2B platform.
Responsibility:
  • Create new feature from scratch
  • Create modular components, atomic design, and some reusable codes
  • Increase perfomance website (includes reduce/compress image size, remove unused codes, etc)
  • Work seamlessly with the other team in particular Product teams, Backend Dev, UX Designer & queueMicrotask
  • Review and approve codes from other member.
Tech Stack: Typescript, NextJs, AWS, Vidstack, VideoJs, TailwindCSS, Next-auth, Storybook, Zustand, Context, PWA
Img
Img
Logo-Jago TiketJago Tiket
May 2024 - Jul 2024 (3 months)Part-time
Jago Tiket is Eentertainment Provider based in Indonesia and has 2 products, there are BackOffice Webapp and Landing Page
Responsibility:
  • Optimize application
  • Build reusable codes
  • Develop new UI Features
  • Optimalization SEO
Tech Stack: Javascript, NextJs, TailwindCSS, EChartJs, Zustand
Img
Img
Logo-Machine Vision IndonesiaMachine Vision Indonesia
Feb 2024 - Apr 2024 (3 months)Part-time
Machine Vision Indonesia is IT services based in Indonesia, they helping manufacturing industry make informed decisions.
Responsibility:
  • Create design documentation using storybook
  • Build reusable codes for atomic, molecules, and templates
  • Integration REST api using React Query
  • Develop a Litium & Sub Assy Platform (not yet released): finished 10/23+ features
Tech Stack: Typescript, NextJs, Material UI, EChartJs, Apexcharts, Jotai, Storybook, React Query
Img
Img
Logo-Insan Agritama TeknologiInsan Agritama Teknologi
Sep 2023 - Feb 2024 (6 months)Part-time
Insan Agritama Teknologi is IT services based in Bandung, Indonesia.
Responsibility:
  • Develop a Planora (Jakpro Project): finished 3/7 features
  • Develop a Digital Marketing Platform (DMP Project): finished 4/7 features
  • Build reusable codes for atomic, molecules, and templates
  • Integration REST api using React Query
Tech Stack: NextJs, MUI Material, React Redux, React Query, Apexcharts, Next Oauth
Img
Img
Logo-Little WalletLittle Wallet
Dec 2022 - May 2023 (6 months)Part-time
Little Wallet is Family Banking App with a digital wallet to teach kids and teens to be good with money.
Responsibility:
  • Develop web app Little Wallet : finished all features by myself.
  • Maintenance SPA landing page for company profile.
  • Develop a backoffice admin web.
  • Develop a web app.
  • Create email template to notify user.
Tech Stack: ReactJs, Javascipt, Redux Saga
Img
Img
Logo-ICANDOICANDO
Sep 2021 - Nov 2022 (1 years 3 months)Full-time
ICANDO is platform to provides an interactive way of learning in which children have full access to their learning process. By presenting challenges through games, it encourages them to be independent learners with the 21st century competencies: Critical Thinking, Creative Thinking, Communication, and Collaboration, which will provide them skills to face the future
Responsibility:
  • Develop and maintainable a ICANDO landing page.
  • Develop and maintanable a ICANDO School.
  • Develop and maintanable a Supertool ICD.
  • Work with product team and graphic designers to understand user interactions.
Tech Stack: ReactJs, VueJs, Javascipt, React Context, Game Dev by HTML, REST API
Img
Img
Logo-Digitels BaliDigitels Bali
Jun 2022 - Nov 2022 (5 months)Part-time
Digitels based in Bali, Indonesia. Digitels is platform for Management hotel, Online Travel Agent (OTA), and booking hotel.
Responsibility:
  • Develop a Progressive Web App (PWA) hotel management system using NextJs.
  • Create new feature from scratch, maintenance code, debugging, and fixing.
Tech Stack: NextJs, Javascipt, Redux Saga, Restfull API, PWA
Img
Img
Logo-Printerous ProPrinterous Pro
Dec 2021 - Mar 2022 (3 months)Part-time
Printerous is a B2B platform that provides e-procurement solutions for printing and packaging needs so that businesses run more effectively and productively, from SMEs to Enterprise. The platform is use for managing print and packaging orders by connecting buyers and suppliers
Responsibility:
  • Develop an admin system for Buyers platform Business to Business (B2B) Printerous Pro: finished 2/5 features.
  • Develop a admin system for Suppliers platform Business to Business (B2B) Printerous Hub: finished 3/5 features.
  • Create new feature from scratch, maintenance code, debugging, and fixing.
Tech Stack: ReactJs, Typescript, styled-components, Zustand, Restfull API, PWA, Vite
Img
Img
Logo-Baezeni Digital ServicesBaezeni Digital Services
Sep 2020 - Aug 2021 (1 year)Full-time
Baezeni provides a wide range of services to clients and partners all over the world, with an emphasis on IT technology
Responsibility:
  • Create new feature from scratch
  • Create modular components, atomic design, and some reusable codes
  • Increase perfomance website (includes reduce/compress image size, remove unused codes, etc)
  • Work seamlessly with the other team in particular Product teams, Backend Dev, UX Designer & queue Microtask
  • Review and approve codes from other member.
Tech Stack: ReactJs, CSS/SASS, React Context, Axios/REST API
Link:
Img
Img
Logo-Musica StudiosMusica Studios
Sep 2019 - Aug 2020 (1 year)Full-time
Musica Studios is entertainment business based in Indonesia.
Responsibility:
  • Maintenance two internal programs, there are DDEX Converter and Intelligence System internal used for analytics listeners.
  • Enhance the application including fixing any issues and bugs that arise to ensure the products is of the highest quality.
  • Webscrapping some music website (JOOX, Spotify, Youtube-Music) to get charts using selenium web srapping, expressjs.
Tech Stack: ReactJs, ANT Design, NodeJs, ExpressJs, Selenium web scrapping., Bootstrap