Hi,   my name is

Mas'ud Ali.

I craft beautiful and performant web interfaces.

I'm a frontend developer passionate about turning ideas into interactive, user-friendly web experiences. With a strong foundation in modern frameworks and responsive design, I focus on building accessible, high-performance, and maintainable user interfaces. Currently, I'm dedicated to creating web products that are both visually appealing and intuitive to use.

masudali@masud-portfolio.my.id

About Me

Hello! My name is Mas'ud, and I'm passionate about creating interactive, accessible web experiences. My journey into web development began in 2020 when I working as Web Programming .That hands-on experimentation with HTML and CSS sparked a lasting interest in front-end development.

Since then, I've had the opportunity to work across various environments from an advertising agency and a start-up to a large corporation. These experiences have shaped my ability to build user-centered digital products that are both inclusive and performant.

Today, I focus on crafting seamless front-end experiences, often with tools like React, Next.js, and Tailwind CSS. I'm currently seeking new opportunities whether freelance or full-time to collaborate on meaningful projects and help bring impactful ideas to life with clean, accessible, and responsive design.

Here are a few technologies I ve been working with recently:

html [#124]Created with Sketch. HTML
CSS
javascript [#155]Created with Sketch. Javascript
Typescript
// Added responsive classes Framer Motion
react React JS
Next JS
Tailwind
Shadcn UI
Profile picture of the author

Experience

JAN 2019 - JUN 2019
Dasadev Malang, East Java, Indonesia On Site

Intern Fullstack

During my first internship, I was introduced to the fundamentals of backend web development using PHP frameworks such as CodeIgniter and Laravel. I spent time understanding the core concepts of the MVC (Model-View-Controller) architecture and how it supports clean, maintainable code structures.

I also learned to work with Blade templates in Laravel to build dynamic, reusable UI components, and explored how routing, controllers, and models interact within both frameworks. Additionally, I gained a solid foundation in database design and management using MySQL, where I practiced writing queries, creating tables, and connecting databases with backend logic.

On the front-end side, I was introduced to CSS and Bootstrap, learning how to build responsive layouts and style web pages effectively. This internship gave me a strong technical base in fullstack development and deepened my interest in building functional and well-structured web applications.

laravelcodeigniterJavascript
JUN 2019 - DEC 2019
Heasoft Malang, East Java, Indonesia On Site

Intern Fullstack

During my second internship, I had the opportunity to work as a fullstack web developer, where I gained valuable hands-on experience with CodeIgniter and Laravel. I was involved in the complete development cycle of several internal and client-facing applications. On the backend, I worked with MySQL databases, implemented RESTful APIs, and contributed to building robust authentication systems and dynamic CRUD operations. I used Laravel's Eloquent ORM and CodeIgniter's lightweight structure to develop scalable features efficiently.

On the frontend, I handled the integration of responsive user interfaces using HTML, CSS, JavaScript, and templating engines like Blade. I collaborated closely with designers and senior developers to translate UI/UX mockups into functional components and enhance user interactivity.

This internship not only improved my technical skills but also taught me how to work in a collaborative development environment, follow version control best practices with Git, and participate in agile workflows. It was a foundational experience that strengthened my interest in building complete, user-centric web applications from scratch.

laravelReact JSBootstrapJavascript
DEC 2021 - JUN 2024
Venturo Malang, East Java, Indonesia On Site

Frontend developer

In my first professional experience as a frontend developer, I worked on building modern, responsive web applications using React, Next.js, and Tailwind CSS. This role allowed me to deepen my understanding of component-based architecture, client-side routing, and server-side rendering with Next.js.

I was responsible for translating UI/UX designs into clean and efficient code, creating reusable components, and ensuring cross-browser compatibility and responsive design. Using Tailwind CSS, I streamlined the styling process and maintained consistency across the application while speeding up development.

In addition to my frontend responsibilities, I also took the initiative to learn backend development using Go (Golang). I explored how to build RESTful APIs, handle routing, and connect to databases using Go's standard libraries and popular frameworks. This fullstack exposure helped me better understand how frontend and backend systems interact, and strengthened my ability to build end-to-end web applications.

I also collaborated closely with backend developers and designers, which helped me strengthen my skills in integrating APIs, managing state effectively with React hooks and context, and handling asynchronous data fetching. This experience not only improved my technical skills but also taught me the importance of writing maintainable, scalable code and delivering smooth user experiences.

GolangLaravelReact JSNext JSJavascriptTypescriptBootstrapTailwind

Project

airbnb

My first frontend project built during Dicoding's course. I created a responsive restaurant listing website using only HTML, CSS, and vanilla JavaScript. It features a hero section, navigation bar, and restaurant cards showing name, location, rating, and description.

The site was optimized to achieve high Performance, Accessibility, Best Practices, and SEO scores in Lighthouse. I used semantic HTML, responsive CSS, ARIA roles, and meta tags to ensure a fast and accessible user experience.

This project gave me a solid foundation in frontend fundamentals and web standards.

HTMLCSSJavascript
airbnb

This portfolio website was built using React and Next.js to showcase my projects, experience, and skills as a frontend developer. I focused on creating a fast, responsive, and accessible user interface using Tailwind CSS for styling and Framer Motion for smooth, modern animations throughout the site.

Key sections include an interactive homepage, about me, experience timeline, project showcase, and contact form. I used Next.js routing for fast navigation, and component-based architecture to keep the code scalable and maintainable.

The design emphasizes clarity, performance, and motion—creating an engaging browsing experience for visitors while adhering to best practices in web accessibility and responsiveness. This project also reflects my personal aesthetic and growth as a developer.

TypescriptNext JSFramer motion

Contact

Let's Work Together

I'm open to freelance opportunities, project work, or full-time roles. Let's talk!

Designed & Built by Mas ud Ali Husadha