About Me
Passionate about clean code, efficient architecture, and creating seamless user experiences
Core Expertise
Specialized in modern web development with focus on React ecosystem, full-stack development with Node.js, and type-safe development using TypeScript.
Technical Skills
Proficient in frontend frameworks (React, Next.js), backend development (Node.js, Express), database management (MongoDB, PostgreSQL), and modern development tools.
Development Philosophy
Believe in writing maintainable, scalable code that follows best practices and industry standards. Focus on creating intuitive user interfaces and optimizing performance.
Continuous Learning
Always staying updated with the latest technologies and industry trends. Actively contribute to open-source projects and participate in developer communities.
Work Experience
My professional journey in web development and software engineering
Frontend Developer
PT SiCepat Ekspres Indonesia
2021 - Present
Developed and maintained the company's customer-facing web platform using React, TypeScript, and React Query, ensuring high performance and scalability. Implemented UI components with Ant Design and Emotion/Styled Components for a visually appealing and consistent user experience.
Key Projects & Systems:
- Chatbot: UI for training LLM with Rasa X
- Operational Systems: CKL (Cargoloka), SST (SiCepat Shipping Tools), COD (Cash on Delivery)
- Management Tools: CMS (Content Management System), Masterdata, DMS (Document Management System)
- HR Dashboards: KPI (Key Performance Indicators) and NME (New Master Employee)
Collaborated with backend teams to optimize API interactions and data flow.
Frontend Mentor / Instructor
RuangGuru - Kampus Merdeka
2022
Mentored and taught 50+ students in mastering frontend development fundamentals.
Teaching Areas:
- Core Web Technologies: HTML, CSS, JavaScript (ES6+)
- Modern Frameworks: React.js with state management (Redux/Zustand)
- Version Control & Collaboration: Git workflows (branching, merging) and team-based project best practices
- Problem Solving: Guided students through algorithmic problem-solving to enhance logical thinking and code efficiency
Conducted code reviews, provided personalized feedback, and facilitated hands-on projects.
Full Stack Developer
Maleo Kretif Indonesia
2019 - 2021
Built and optimized cross-platform solutions using React (Web) and React Native (Mobile) with Express.js backend and MySQL, ensuring seamless data synchronization and responsive UX.
Key Projects:
- IVPL Web & Mobile: Cross-platform solution with React (Web) and React Native (Mobile)
- Timesheet Management System: Internal tool with role-based access, automated reporting, and WFH workflow support (improved team productivity by 40%)
- Samsung Fold|Flip Campaign Microsite: High-performance marketing site with SEO optimization and interactive animations
Education & Certifications
My educational background and professional certifications
Fullstack Immersive Javascript
Hacktiv8 Indonesia
2018 - 2018 (5-10 months)
Intensive bootcamp program for fullstack development with JavaScript, React, Node.js, and other modern technologies. Completed comprehensive training in both frontend and backend development.
Curriculum Covered:
- JavaScript fundamentals and ES6+ features
- React.js and component-based architecture
- Node.js and Express.js backend development
- Database management (MySQL, MongoDB)
- RESTful API development and integration
- React Native for mobile development
Bachelor of Education (Information Technology)
Padang State University
2013 - 2017
Formal education in Information Technology with focus on education and system development. Studied software engineering principles, database systems, and educational technology.
Key Subjects:
- Software Engineering and System Design
- Database Management Systems
- Web Development and Programming
- Educational Technology Integration
- Project Management and Team Collaboration
Awards & Certifications
Professional achievements and recognized expertise
Certified Web Design & Development Trainer
Indonesia's National Student Competency Competition (LKS) XXVI
2018 - Lombok
Served as official trainer and mentor for Indonesia's National Student Competency Competition (LKS) XXVI, 2018 in Lombok.
Training Delivered:
- HTML5, CSS3, JavaScript (ES6+)
- API integration (RESTful services)
- Responsive web design (mobile-first approach)
- SEO best practices
Student Projects Guided:
- Functional e-commerce websites
- Interactive browser-based games
Focused on industry-relevant skills bridging education and professional standards.
Fullstack JavaScript Immersive Bootcamp Certification
Hacktiv8 Indonesia
2018
Completed intensive training in fullstack JavaScript development, covering comprehensive modern web development technologies.
Curriculum Covered:
- Fundamentals: Intro to programming, JavaScript logic, and algorithms
- Backend: Node.js, RESTful APIs, and databases (MySQL, MongoDB, Sequelize)
- Frontend: Vue.js, React.js, and modern UI development
- Mobile: React Native for cross-platform mobile development
- Testing: Unit and integration testing best practices
Final Project - PITI (Financial Tracking Mobile App):
- Served as Backend Developer
- Designed and implemented RESTful APIs with Node.js
- Managed database architecture (MySQL/MongoDB) for secure transaction data
- Collaborated with frontend teams to ensure seamless integration
Certified Frontend Development Trainer
RuangGuru Kampus Merdeka
2022
Successfully trained and mentored 50+ students in frontend development fundamentals.
Comprehensive Curriculum Coverage:
- Programming fundamentals and problem-solving logic
- Modern JavaScript (ES6+ syntax and features)
- React.js framework with component-based architecture
- State management solutions (Context API, Redux, etc.)
- API implementation (RESTful services integration)
- Career guidance (Portfolio building strategies)
Skills & Technologies
Technologies and tools I use to build amazing web applications
Frontend Development
- React.js
- TypeScript
- JavaScript (ES6+)
- HTML5 & CSS3
- React Query
- Redux/Zustand
UI/UX & Styling
- Ant Design
- Emotion/Styled Components
- Responsive Design
- CSS-in-JS
- Material-UI
Backend & Database
- Node.js
- Express.js
- MySQL
- MongoDB
- RESTful APIs
- API Integration
Mobile Development
- React Native
- Cross-platform Development
- Mobile UI/UX
- App Store Deployment
Development Tools
- Git & GitHub
- VS Code
- Webpack
- npm/yarn
- Chrome DevTools
- Postman
Soft Skills
- Mentoring & Teaching
- Code Review
- Problem Solving
- Team Collaboration
- Agile/Scrum
- Technical Writing
Portfolio & Projects
A showcase of my recent work and open-source contributions
TypeScript Playground & Docs
An interactive web playground and documentation site for learning, testing, and sharing TypeScript code. Features live code editing, instant preview, and code sharing.
WordSensor Playground
A powerful npm package for word filtering and moderation. Includes profanity, spam, and phishing filters, regex pattern matching, and batch processing.
Sikits
A comprehensive utility library for JavaScript and TypeScript, featuring 200+ functions for string, number, array, and object manipulation with Indonesian document validation.
Coding Problems
A curated collection of coding challenges and solutions. Ideal for practicing algorithms, data structures, and preparing for technical interviews.
🎮 Code Typing Challenge
Test your coding speed! Type the code snippets as fast as you can
🏆 High Scores
Achievements & Impact
Numbers that reflect my contributions and growth
"The best code is not just functional, but also maintainable, scalable, and a joy to work with. I believe in writing code that not only solves today's problems but also anticipates tomorrow's challenges."— Asrul Harahap
Frontend Developer & Full Stack Engineer
Get In Touch
Let's discuss your next project or opportunity
Phone
+62 812-1175-2502GitHub
github.com/asruldevCover Letter
I plan to return to experiencing enjoyable and satisfying work experiences with large companies specializing in frontline customer service, retail operations, training & development, or junior managerial level. I would enjoy the opportunity to speak with you or someone in your organization to see where my skill set would provide the greatest benefit to your company.