Pick a theme
More customization options are coming soon!

Portfolio

Background

I am a Software Engineer who has about 4 years of working experience, specializing in Frontend. I have experience working at platform and product teams

One key achievement in the platform side was increasing build performance of 2 webapps by 43%. Another one was optimizing API latency by 42%.

One key achievement in the product side was working on CPO (cost-per-order) that drove $1.27M of revenue in only 2 months after launch

On the product side: I've worked on E-learning platorms, Education Information System, CMS, Desktop Apps, Marketing sites, apps that uses Geo Coordinates, and more

On the platform side: I've work on optimizing performance, building design systems, creating best practices web app boilerplate, define development workflows, upgrading old dependencies, enforcing web securities, setup/maintain CI/CD pipelines, and more

I also am proud to have the soft skills to pay the bills :D. At Grab, as a new joiner, I influenced the team about best practices in web development and conducted team events for learning. Team got the chance to learn 155 relevant topics in only 1 year. There I was selected as a speaker of 10 out of 48 (about 20,8%) team sharing sessions during the year

Besides work, I like to give back to the community and help people in software engineering:

  • I was a Glints Expert guest content creator talking about work life balance
  • I created Youtube tutorials about competitive programming and frontend stuff
  • I was the speaker of 2 days workshop about Frontend and Backend with over 100 registrants
  • I am a mentor in Dealls Indonesian National Mentoring Festival helping people to pursue postgraduate studies. With a 100% recommendation rate rating

Projects

  1. Grab food delivery app
    Grab Food Merchant Portal

    Grab Food Merchant Portal is an public facing application to help merchants manage all information related to their business

    ReactTypeScriptReduxAntd
  2. Project picture
    Kautsar Design System Mading

    Mading is a library to help software engineers build uniform high quality UI faster

    VueJavaScriptStorybookLESS
  3. Project picture
    Ruangguru E-Learning Web App

    Ruangguru E-Learning is a web app to help students learn subjects in various formats and form

    NextTypeScriptZustandChakra UI
  4. Project picture
    Ruangguru Indonesia Universities Info Web

    This website helps prospective undergraduate students pick their major by providing comprehensive information

    NextTypeScriptZustandChakra UI
  5. Project picture
    Grab Food CMS

    Grab Food CMS is an internal application to help the company manage information for all food related services

    ReactTypeScriptReduxAntd
  6. Project picture
    Ruangguru E-Learning Desktop App

    Ruangguru E-Learning is a desktop (Mac and Windows) app to help students learn subjects in various formats and form

    ReactReasonMLCSSElectron

Technologies I Use

These are the tech that I have used professionaly

  1. Progamming Language

    1. TypeScript
    2. Node.js
    3. JavaScript
    4. ReasonML
    5. Python
    6. Go

  2. JavaScript Framework

    1. Next.js
    2. Express.js
    3. Nest.js
    4. React.js
    5. Vue.js
    6. Nuxt.js
    7. Electron.js

  3. Styling

    1. CSS
    2. LESS
    3. SASS
    4. Tailwind
    5. Emotion

  4. UI Libraries

    1. Antd
    2. Material
    3. Chakra UI
    4. Bulma
    5. Bootsrap

  5. Testing

    1. Jest
    2. Vitest
    3. React Testing Library
    4. Cypress
    5. Selenium

  6. State Management

    1. Zustand
    2. Redux
    3. Vuex

  7. Data Fetching

    1. Axios
    2. React Query
    3. useSWR
    4. Redux Thunk

  8. Database

    1. SQL (Postgres)

  9. Other

    1. Webpack
    2. Storybook
    3. Docker
    4. HTML

  10. 3rd Party Services

    1. Github
    2. Gitlab
    3. JIRA
    4. Grafana
    5. Jenkins
    6. Google Analytics
    7. Google Lighthouse