Summary

Adnan is a Software Engineer, Frontend with 5 years of experience across various company environments, from startups to leading Southeast Asian tech companies. He specializes in frontend and full-stack development, particularly with React.js, Next.js, Node.js/Express.js, and TypeScript, focusing on building performant web applications and establishing engineering best practices. With a Bachelor's in Informatics and currently pursuing a Master's in Computer Science, he also contributes to the tech community through mentoring, leading team learning sessions, and speaking engagements.

Skills: React.js, Next.js, Vue.js, Nuxt.js, Node.js, Express.js, Electron.js, Astro.js, Javascript, Typescript, ReasonML, Golang, Redux, Zustand, Docker, SQL, Ant Design, Material UI, Chakra UI, Tailwind, Emotion, Storybook, Playwright, Selenium, Jest, Vitest, SASS, LESS, HTML, CSS

Projects

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

React TypeScript Redux Antd

Detail
Fylde Health Clinic Booking Application
Fylde Booking Application is a web app that helps prospective patients find and book and appointment of a health clinic

Nextjs TypeScript Zustand Tailwind

Visit Detail
Malaysia Airlines Journify E-Commerce
Journify is an e-commerce that lives in with Malaysia Airlines ecoystem helping travelers buy travel passes and other essential travel needs

Nextjs TypeScript Zustand Tailwind Mobile View

Visit Detail
PPMI Jeddah Dictionary and Conversation Web App
Dictionary and conversation web application managed by ppmijeddah. Helps user learn and converse in Saudi Arabia Arabic Amiyah

Nextjs TypeScript Zustand Tailwind

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

React TypeScript Redux Antd

Visit Detail
Kautsar Design System Mading
Mading is a library to help software engineers build uniform high quality UI faster

Vue JavaScript Storybook LESS

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

Nextjs TypeScript Zustand Chakra UI

Visit Detail
PPMI Jeddah Main Website and Blog
Helps Indonesian people interested in studying abroad at ppmijeddah.com

Nextjs TypeScript Zustand Tailwind

Visit Detail
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

React ReasonML CSS Electron

Detail
Ruangguru Indonesia Universities Info Web
This website helps prospective undergraduate students pick their major by providing comprehensive information

Nextjs TypeScript Zustand Chakra UI

Visit Detail

What Others Say About Me

“Adnan is an engineer with passion and brings energy to the team. His eagerness to perform and active participation, infects the team to want to do the same.”

“Adnan is an engineer with passion and brings energy to the team. His eagerness to perform and active participation, infects the team to want to do the same.

Though my time with Adnan is short, his characteristics make leaders want to invest in him, to see him grow successfully.

I’m sure he will continue to be excellent and grow even bigger than we can imagine.

Hope that we’ll get the pleasure to work with him again”

Ming Kit Luk, Engineering Manager II, Grab
What set Adnan part is his ability to identify areas of growth and oppurtunity within the team. His idea of "MR time slot" improved our Merge Request review times and approval rates. His initiation of both daily and weekly tech sharing sessions transformed our team culture, cultivating ad thriving environtment of contunous learning and mutual growth.

“It is pleasure to have Adnan in my team. I hired him and he impressed me through the hiring process with a striking 90% questions answered well seeing that his ability to integrate seamlessly into any team culture and ethos.

As a fullstack engineer, Adnan consistently delivered, showcasing not just technical experience but also his commitment to meet dealines. He case not just about his task, but also care to other team member doing inside the working team. This person is team player.

What set Adnan part is his ability to identify areas of growth and oppurtunity within the team. His idea of “MR time slot” improved our Merge Request review times and approval rates. His nitiation of both daily and weekly tech shareing sessions transformed our team culture, cultivating ad thriving environtment of contunous learning and mutual growth.

I do recommend him to any organization looking to strengthen their team.”

Nuruddin Ashr, Engineering Manager II, Grab
“He has really good technical skills and always have will to improve himself by taking challenging projects, or plan what is the next improvement for our service code base.”

“It’s really good working with Adnan, for more than 1 year he bring positive impact for the team and for me.

He has really good technical skills and always have will to improve himself by taking challenging projects, or plan what is the next improvement for our service code base

He is rare kind of engineer, always initiate to arrange discussion and team engagement. One of his idea is arrange weekly sharing to discuss about what team members learn this week and share.”

Muhammad Arfandy, Senior Software Engineer, Grab
“Adnan has done a lot during his 1 year working at Grab. And I, as a co-worker, feel that I got a lot of new knowledge and experience while working with him.”

“Adnan has done a lot during his 1 year working at Grab. And I, as a co-worker, feel that I got a lot of new knowledge and experience while working with him

He initiated a storybook for UI documentation on a Grab platform. This storybook is used not only by engineers but also by product managers, UI/UX designers, and end users. In this storybook project, Adnan attended several project meetings to educate engineers to implement storybooks

He initiated the upgrade of several tools on the web. These include webpack, react 18, pre-commit hooks, etc. With this upgrade, the applications we develop are better and up to date

Adnan has also helped a lot of friends in other projects in building their projects. One way is by asking for tasks that he think he can do.

Adnan has good skills in architectural. Every time we have a discussion, he is passionate about discussing the architecture in React. We discussed the latest design patterns and techniques in React that can be implemented.”

Husni Habil, Senior Software Engineer, Grab
“Ultimately, what sets him apart from his peers is his hunger and willingness to drive improvements within his team. He communicates with his stakeholders effectively, and he is capable of rounding up a group of stakeholders together to deliver his impact effectively.”

“Adnan is one of the most passionate engineers I’ve met in my time at Grab. He clearly demonstrates his willingness to be excellent, and he clearly has an appetite for tackling difficult problems.

Ultimately, what sets him apart from his peers is his hunger and willingness to drive improvements within his team. He communicates with his stakeholders effectively, and he is capable of rounding up a group of stakeholders together to deliver his impact effectively. I’d gladly have Adnan on my team again”

Benjamin Tanone, Engineering Manager, Grab
“He possesses exceptional technical skills, consistently tackling difficult projects with great success and excellent implementation. His code is reliable and well-structured, which greatly contributes to the overall success of our projects.”

“It is a pleasure to work on the same team as Adnan, and I can confidently say that he is an exceptional colleague. He possesses exceptional technical skills, consistently tackling difficult projects with great success and excellent implementation. His code is reliable and well-structured, which greatly contributes to the overall success of our projects.

In addition to his technical skills, Adnan excels as an excellent communicator. He has the ability to explain complex concepts in a clear and concise manner, ensuring that everyone on the team is on the same page. His effective communication and strong interpersonal skills contribute to a positive team dynamic and foster a productive work environment. Many of his excellent ideas and improvements have greatly contributed to the success and continuous improvement of our team. Adnan’s willingness to share his knowledge and expertise has made him a trusted teammate to other team members, elevating the skills of the entire team.

I highly endorse Adnan and have no doubt that he will succeed in any future projects/works he undertakes.”

Novi Steven, Software Engineer, Grab
“Muhammad consistently demonstrated a deep understanding of frontend development principles, effectively translating complex concepts into practical solutions. His contributions significantly enhanced the scalability and maintainability of our projects, reflecting his commitment to excellence and attention to detail.”

“I had the privilege of collaborating with Muhammad Adnan as a frontend engineer, where we delved into discussions on microfrontend implementation for merchant websites.

Throughout our interactions, Muhammad consistently demonstrated a deep understanding of frontend development principles, effectively translating complex concepts into practical solutions. His contributions significantly enhanced the scalability and maintainability of our projects, reflecting his commitment to excellence and attention to detail”

Daniel Listyo Emanuel, Senior Frontend Engineer, AccelByte
“Adnan's communication skills stand out. He has the ability to encourage active discussions during meetings and improve the overall output. Furthermore, he communicates effectively with stakeholders. I truly enjoy our one-on-one sessions, there were always insightful perspectives that I could gain from him.”

“I strongly recommend Adnan based on his exceptional qualities and contributions as a team member. It’s a pleasure to work with him.

Adnan consistently demonstrates a proactive and responsible approach to his work. He has a great eye for areas that could be enhanced, and he is proactive in making things better. He also always offers a hand to help and demonstrates a high level of ownership.

Adnan’s communication skills stand out. He has the ability to encourage active discussions during meetings and improve the overall output. Furthermore, he communicates effectively with stakeholders. I truly enjoy our one-on-one sessions, there were always insightful perspectives that I could gain from him.

As a fullstack developer, he demonstrates high-quality coding and possesses solid technical skills. He is keen on learning new things and can master them quickly. I also notice that he is a very detail-oriented person. He has made a lot of useful documentation that is extremely valuable for the team.

If you are looking for a team player to make significant positive changes, I highly recommend him.”

Muhammad Hidayat, Software Engineer, Grab

Technologies I Use

These are the tech that I have used professionaly

Progamming Language
1. TypeScript
2. Node.js
3. JavaScript
4. ReasonML
5. Python
6. Go
JavaScript Framework
1. Next.js
2. Express.js
3. Nest.js
4. React.js
5. Vue.js
6. Nuxt.js
7. Electron.js
Styling
1. CSS
2. LESS
3. SASS
4. Tailwind
5. Emotion
UI Libraries
1. Antd
2. Material
3. Chakra UI
4. Bulma
5. Bootsrap
Testing
1. Jest
2. Vitest
3. React Testing Library
4. Cypress
5. Selenium
State Management
1. Zustand
2. Redux
3. Vuex
Data Fetching
1. Axios
2. React Query
3. useSWR
4. Redux Thunk
Database
1. SQL (Postgres)
Other
1. Webpack
2. Storybook
3. Docker
4. HTML
3rd Party Services
1. Github
2. Gitlab
3. JIRA
4. Grafana
5. Jenkins
6. Google Analytics
7. Google Lighthouse

Are you in need of a web development talent ? Don't settle for average. Let's discuss how I can make a difference.

Contact me

Summary

Projects

What Others Say About Me

Technologies I Use

Progamming Language

JavaScript Framework

Styling

UI Libraries

Testing

State Management

Data Fetching

Database

Other

3rd Party Services

Are you in need of a web development talent ? Don't settle for average. Let's discuss how I can make a difference.