Asrul Kadir

I'm an experienced Frontend Developer skilled in creating responsive and user-friendly interfaces with HTML, CSS, Javascript, React.js, Typescript, Next.js, and React Native. I also have backend development experience with Node.js and NestJS, which helps me connect frontend apps with backend services. I've successfully worked with teams to build and maintain web applications and dashboards. I'm familiar with agile methods, fixing bugs, and adding new features, and I open to growth and learning new things related my skills dan my passion.

Komatsu – Komeec Dashboard Web

Tech Stack: Javscript, React.js, ECharts, Apexchart, WebSockets, Ant Design, Redux

Role: Frontend Developer

• Developed an interactive dashboard for monitoring energy and environmental data in real time.

• Implemented custom chart visualizations using ECharts and Apexchart, allowing users to configure and filter data dynamically.

• Integrated WebSocket-based real-time data streaming for Device Monitoring.

• Designed and implemented a Role-Based Access Control (RBAC) system for managing user permissions.

• Optimized UI performance to handle large datasets efficiently.

Indo Bharat Rayon – EMS Dashboard Web

Tech Stack: React.js, Javscript, Ant Design, Echarts, WebSockets, Ant Design, Redux

Role: Frontend Developer

• Developed a real-time EMS dashboard for industrial energy monitoring and analysis.

• Implemented interactive charts and trend analysis for energy consumption visualization.

• Built a notification and alert system to detect anomalies and trigger automated alerts.

• Used Ant Design to create a clean and user-friendly interface.

Denso – EMS Dashboard Web

Tech Stack: React.js, Javascript, Redux, Ant Design, WebSockets, Echarts

Role: Frontend Developer

• Developed a real-time device monitoring system, ensuring seamless updates via WebSockets.

• Built an indicator settings module, allowing users to adjust measurement thresholds dynamically.

• Implemented monthly reporting features with CSV and PDF export capabilities.

• Optimized state management using Redux, reducing unnecessary re-renders and improving data-fetching efficiency.

Dunia Kimia Jaya – EMS Dashboard Web

Tech Stack: React.js, Javascript, Styledd-component, Echarts, WebSockets, Redux, Styled-components

Role: Frontend Developer

• Built a real-time data monitoring dashboard with automated updates from IoT devices.

• Developed daily, monthly, and yearly reporting features with customizable data filtering.

• Implemented user management features, including authentication and authorization.

• Added multilangauage feature, support English and Indonesian language.

Tanobel – OEE Dashboard Web

Tech Stack: React.js, Javascript, Apexcharts, Ant Design, Redux, Styled-components

Role: Frontend Developer

• Developed an Overall Equipment Effectiveness (OEE) dashboard to track machine and production efficiency.

• Created a scheduling system to manage operational shifts and machine usage.

• Built a configuration module for machines, products, thresholds, and shifts.

• Used Zustand for state management, ensuring lightweight and efficient data handling.

Prochiz – OEE Dashboard Web

Tech Stack: React.js, Javascript, Apexcharts, Ant Design, Redux, Styled-components

Role: Frontend Developer

• Developed OEE performance reports with daily, monthly, and yearly insights.

• Implemented an issue reporting system, allowing users to log and track production issues.

• Built customizable data visualizations with filters for different production metrics.

Pupuk Kaltim – EMS Dashboard Web

Tech Stack: React.js, Javascript, Echarts, Ant Design, Redux, Styled-components

Role: Frontend Developer

• Designed a real-time energy and device monitoring system, visualizing industrial data streams.

• Implemented automated periodic reports (daily, monthly, yearly) with export options.

• Developed custom measurement indicators, allowing users to analyze energy efficiency.

Paragon – EMS Dashboard Web

Tech Stack: React.js, Javascript, Echarts, Apexchart, Ant Design, Redux, Styled-components

Role: Frontend Developer

• Developed a real-time device monitoring system with automated notifications.

• Created custom chart components to visualize energy performance data.

• Built a user management system, including registration, authentication, and access control.

Evomo – Landing Page

Tech Stack: Next.js, Typescript, Ant Design, Zustand, TailwindCSS

Role: Frontend Developer

• Developed landing page Evomo.

• Bug fixing and add features.

Evomo – User Service

Tech Stack: Node.js, Express.js, MongoDB

Role: Fullstack Developer

• Develop CRUD order device.

• Integrate with payment gateaway FAB Digital Telkom.

• Bug fixing and add features.

DOT x Flip – Landing Page Flip

Tech Stack: Next.js, Typescript, React-Query, TailwindCSS

Role: Frontend Developer

• Bug fixing landing page and update versioning.

DOT x Pertamina – Document Generator Web

Tech Stack: Next.js, Typescript, Ant Design, React-Query

Role: Frontend Developer

• Developed document generator web.

• Bug fixing and add features.

• Update and download document file feature.

DOT Indonesia– NFT Infinity Web

Tech Stack: Next.js, Typescript, TailwindCSS, React-Query, Web3

Role: Frontend Developer

• Developed, bug fixing and add features NFT Infinity Web.

• Integrate with Metamask or E-Wallet for login session.

• Integrate with Web3, Sell dan Buy NFT integration.

Dicoding: Belajar Dasar-Dasar Devops