Software Engineer • UI/UX Designer

Designing with Purpose,
Coding with Precision.

A curious creator blending empathy and logic to craft digital solutions that solve real problems and inspire meaningful connections.

What I'm Good At

Bringing together technical expertise and creative problem-solving to deliver impactful solutions.

Software Development

Building reliable web applications is where I excel, combining clean structured code, and optimized performance throughout development.

UI/UX Design

Creating thoughtful user-focused designs is my strength, blending creativity, deep user empathy, and practical functionality seamlessly.

Making Use of AI

Optimizing workflows is what I consistently do best, using AI tools to boost productivity and substantially improve my overall efficiency.

Technical Skills

A comprehensive overview of my technical expertise across various domains. Hover over each skill to learn more about my experience and proficiency level.

JavaScript

JavaScript

TypeScript

TypeScript

PHP

PHP

Python

Python

Dart

Dart

SQL

SQL

Featured Projects

Here are some of my recent projects that showcase my skills in web development, design, and problem-solving. Each project represents a unique challenge.

UWGM Run Festival | Event Registration Platform
Real Project
UWGM Run Festival | Event Registration Platform
Designed and developed a fully functional registration system with automated email confirmations, QR-based check-ins, secure payments, and an intuitive admin dashboard. Ensured seamless user experience.
LaravelTailwindAlpinejsMySQLFilamentMidtrans
Nusantara Prima Solusi | Company Profile Website
Real Project
Nusantara Prima Solusi | Company Profile Website
Developed a company profile website for Nusantara Prima Solusi, a Palm Oil company, showcasing their products and services in a modern, responsive, and user-friendly interface.
Wordpress
Active Festival | Event Registration Platform
Real Project
Active Festival | Event Registration Platform
Streamlined a high-performance registration system managing 1,500+ registrations with minimal resources (1GB RAM, single-core server). Delivered key features: automated email confirmations, QR-based check-ins, secure payments, and an intuitive admin dashboard. Ensured zero downtime during peak traffic while supporting hundreds of concurrent users.
LaravelTailwindAlpinejsMySQLFilamentMidtrans
Al Mazaya | School Management Platform
Real Project
Al Mazaya | School Management Platform
Designed a school registration system to enhance accessibility for users with diverse tech literacy levels. Simplified the enrollment process and optimized information architecture. Delivered high-fidelity prototypes that improved the experience for parents and staff. Effectively managed timelines and team collaboration to meet stakeholder expectations.
FigmaNotion
Digital Marketing Agency Landing Page: Sirkel
Real Project
Digital Marketing Agency Landing Page: Sirkel
Designed and developed a visually engaging and functional landing page for a digital marketing agency. Focused on creating a user-centric interface that effectively communicates the agency’s services and brand identity. Implemented responsive design to ensure seamless performance across devices.
ReactTailwindFigmaSanity
News Media Website: Kaltimfolks
Real Project
News Media Website: Kaltimfolks
Developed a comprehensive news media platform, crafting wireframes and high-fidelity mockups to visualize user journeys and information architecture. Designed an intuitive user interface to enhance navigation and content discoverability. Implemented a responsive front-end and managed hosting and server configuration to ensure a high-performing and scalable web application.
NextjsTailwindMongoDBPrismaSanity
Software Agency Landing Page: Graviton Softworks
Real Project
Software Agency Landing Page: Graviton Softworks
Collaborated with stakeholders to design and develop a modern landing page for a software agency. Delivered a high-quality, responsive web interface that showcases the company’s expertise and portfolio, using scalable and performance-optimized technologies.
NextjsReactFigmaTailwindSanity
Digital Marketing Profile Company: Davila
Real Project
Digital Marketing Profile Company: Davila
Developed a responsive company profile website to highlight the brand identity and services of a digital marketing firm. Ensured smooth navigation and performance optimization for a professional user experience.
LaravelReactTailwindSanity

Other Projects

Forum Discussion App
Forum Discussion App
A forum-style discussion application built during the Dicoding React Expert class. Users can create topics, post comments, and like discussions in a Twitter-like interface.
ReactContext APIReact Router+1
Catalyst Web Extension
Catalyst Web Extension
A browser extension for content generation that integrates with rich text editors and provides AI-assisted writing tools directly in the browser.
JavaScriptWeb Extensions APIReact
Virtual Tour of University Buildings
Virtual Tour of University Buildings
An interactive virtual tour application showcasing campus buildings at Mulawarman University, developed using Three.js and mapping APIs.
Panolens.jsJavaScriptThree.js

My Professional Journey

Here's a timeline of my career journey, highlighting key experiences and achievements along the way.

Feb 2025– Present

Davila (Marketing Agency)– Frontend Developer & UI/UX Designer Lead

Led a team of 3 (1 UI/UX Designer & 2 Frontend Developers), conducting code reviews, sprint planning, and performance evaluations. Coordinated cross‑functional collaboration between design, frontend, and backend teams to deliver high‑impact marketing projects on schedule.

React
Next.js
Tailwind CSS
Figma

Feb 2024 – Jan 2025

Graviton Softworks (Self‑Employed) – Frontend Developer & UI/UX Designer

Architected and delivered multiple web solutions, including a registration platform handling hundreds of simultaneous users. Managed full project lifecycle from requirements gathering through deployment, showcasing end‑to‑end full‑stack development skills.

React
Next.js
Laravel
MySQL
Tailwind CSS
Figma

Sep 2022 – Apr 2023

Mulawarman University – Lab Assistant

Designed and delivered modules on Computer Graphics, 2D Animation, and AR/VR, developing hands‑on lab materials. Mentored students through project work, providing guidance on software tools and best practices.

Figma
React
Tailwind CSS

My Training and Achievement

Here's a timeline of my career journey, highlighting key experiences and achievements along the way.

June 2025

Becoming a React Web Developer Expert

Dicoding

Advanced class for React developers focused on clean code, state management, automated testing, and efficient deployment. By the end of the course, participants can build React applications with structured code, Redux state management, automated testing, and CI/CD deployment.

Clean Code & Linting
Redux
Automated Testing
CI/CD
Next.js

February 2025

React Web Fundamentals

Dicoding

Comprehensive React fundamentals course focusing on essential concepts for building modern web applications. Covers props validation with PropTypes, navigation using React Router, component lifecycle methods, state management with Context API, and functional components with React Hooks implementation.

PropTypes
React Router
Lifecycle Methods
Context API
React Hooks

February 2025

React Web Fundamentals

Dicoding

Comprehensive React fundamentals course focusing on essential concepts for building modern web applications. Covers props validation with PropTypes, navigation using React Router, component lifecycle methods, state management with Context API, and functional components with React Hooks implementation.

PropTypes
React Router
Lifecycle Methods
Context API
React Hooks

September 2024

Learning to Build Web Applications with React

Dicoding

This class is designed for front-end web developers who want to create websites using reusable, declarative UI components that react to data changes. By the end of the course, students will be able to build React web applications leveraging functional components, stateful components, and controlled components.

Introduction to React
Basic React Concepts
React UI Components
Stateful Components

August 2023

3rd Place – Provincial Youth Creativity Festival (Software Category)

Awarded third place in the East Kalimantan Provincial Youth Creativity Festival 2023 for the Software (“TI Lunak”) category, demonstrating proficiency in designing and implementing digital solutions. Recognized for creative problem‑solving across social, cultural, and economic domains, and for effective collaboration under competitive conditions.

Software Development
Digital Technology
Creative Problem‑Solving
Social Impact
Cultural Innovation
Team Collaboration

June 2022

Flutter App Development for Beginners

Dicoding

Comprehensive Flutter development course for building cross-platform applications. Covers fundamental Flutter widgets, state management techniques, screen navigation patterns, and deployment processes for both mobile platforms (Android/iOS) and web applications. By the end of the course, participants can create responsive, visually appealing applications with a single codebase.

Flutter Widgets
State Management
Navigation
Deployment

August 2021

Java Programming

Oracle

Comprehensive Java programming course teaching core language fundamentals and advanced concepts. Covers Java syntax and structure, object-oriented programming principles, collections framework for data management, robust exception handling mechanisms, and introduction to multithreading for concurrent programming. Students gain practical experience building Java applications with industry-standard coding practices.

Java Syntax
OOP
Collections
Exception Handling
Multithreading

August 2021

Node.js Web Development

Progate

Structured learning path for backend development with Node.js, progressing through essential stages of server-side programming. Covers environment setup, HTTP server implementation, routing strategies, middleware integration, error handling patterns, and RESTful API development with Express. Participants learn best practices for project organization and deployment of scalable Node.js applications.

Node.js
HTTP Server
Express
Middleware
CRUD API

May 2021

SOLID Programming Principles

Dicoding

In-depth exploration of the five SOLID principles that form the foundation of maintainable object-oriented programming. Covers Single Responsibility, Open/Closed, Liskov Substitution, Interface Segregation, and Dependency Inversion principles with practical examples and implementation patterns. Students learn to write clean, testable, and extensible code that minimizes technical debt and adapts efficiently to changing requirements.

Single Responsibility
Open/Closed
Liskov Substitution
Interface Segregation
Dependency Inversion

May 2021

Dart Programming Basics

Dicoding

Foundational course on the Dart programming language designed as preparation for Flutter development. Covers Dart syntax fundamentals, type system including null safety features, object-oriented concepts, asynchronous programming with Futures and Streams, package management with pub.dev, and testing methodologies. Students gain the essential Dart skills needed to build efficient Flutter applications.

Dart Syntax
Async/Await
Package Management
Build Tools
Unit Testing

January 2021

Alibaba Cloud Apsara Clouder

Alibaba Cloud

Comprehensive certification training from Alibaba Cloud Academy focused on cloud infrastructure management and optimization. Covers the fundamentals of Auto Scaling services, resource management strategies, dynamic workload adaptation techniques, and cloud architecture design principles. Participants learn to configure and manage compute resources that automatically adjust based on business workloads, ensuring optimal performance and cost efficiency in cloud environments.

Auto Scaling
Resource Management
Cloud Architecture
Cloud Computing

November 2020

Machine Learning for Beginners

Dicoding

Introductory Machine Learning course covering essential concepts and practical implementation techniques. Outlines end-to-end ML workflows, data preprocessing and feature engineering, fundamental algorithms like linear regression and k-means clustering, model evaluation metrics, and implementation using scikit-learn. Students learn to develop basic ML models and gain the foundation necessary for more advanced machine learning and AI studies.

ML Workflow
Algorithms
Model Evaluation
scikit-learn

October 2020

Python Programming Basics

Dicoding

Comprehensive introduction to Python programming designed for beginners entering the world of software development. Covers development environment setup, Python syntax and coding conventions, core data structures (lists, tuples, dictionaries, sets), function definition and usage, file I/O operations, exception handling, and package management with virtual environments. Students gain practical skills for writing efficient and readable Python code.

Python Syntax
Data Structures
Functions
File I/O
Package Management

September 2020

Data Visualization Fundamentals

Dicoding

Foundational course on data visualization principles and techniques for effectively communicating insights from data. Covers appropriate chart type selection (bar, line, pie, scatter plots), visual design elements including axis configuration and color theory, data storytelling methodology, implementation using visualization libraries, and best practices for insight extraction. Students learn to transform raw data into compelling visual narratives that drive understanding and decision-making.

Chart Types
Visual Design
Data Storytelling
Visualization Tools

September 2020

Database Foundations

Oracle

Comprehensive introduction to relational database concepts and practical implementation techniques. Covers entity-relationship modeling for database design, normalization processes through Third Normal Form, SQL operations for data manipulation (SELECT, INSERT, UPDATE, DELETE), advanced queries using JOINs and aggregation functions, and performance optimization through proper indexing. Students gain the skills to design efficient database schemas and write effective queries for data management applications.

ER Modeling
Normalization
SQL Queries
JOINs
Indexing

August 2020

Kotlin Programming Basics

Dicoding

Comprehensive introduction to the Kotlin programming language, designed for developers in the Java Virtual Machine ecosystem. Covers development environment setup, Kotlin syntax and language features, type system with null safety, control flow constructs, functional programming concepts including extension functions, object-oriented programming principles, and interoperability with Java. Students gain proficiency in writing concise, safe, and expressive code with Kotlin.

Kotlin Syntax
Data Types
Null Safety
OOP Concepts
Build Tools

Interested in working together?

I'm always open to discussing new opportunities and interesting projects.