Available for Projects
Get To Know More
I’m a passionate Frontend Developer who bridges the gap between design and engineering. With a background in Software Engineering and a love for UI/UX, I build responsive web applications that are not only performant but also intuitive and delightful to use.
When I'm not coding, I'm exploring new design trends in Figma, learning new tools and technologies, or optimizing backend logic with Laravel. I love discovering new ideas and continuously improving so I can create digital experiences that truly solve real problems.
2+ Years
Frontend & UI FocusBachelor of Computer Science (Software Engineering) with Honours
Universiti Malaysia Pahang Al-Sultan AbdullahMalaysia
Available for RelocateOpen to Work
Actively seeking new challenges in web development. Passionate about crafting beautiful UIs with React and building robust, scalable backends with Laravel.
RunCloud Sdn Bhd
Building and improving frontend features for a cloud management platform, focusing on UI quality and performance.
xCube Technology Sdn Bhd
Developed responsive interfaces, implemented designs from Figma, and collaborated with backend teams to ship production features.
Tuxuri Sdn Bhd
Assisted in frontend development, fixed UI bugs, and learned real-world development workflow in a software company.
Enhancing Islamic Cemetery Management Using Simple Additive Weight for Intelligent Burial Lot Recommendation
Explore My
Building responsive, accessible, and high-performance web applications. I specialize in translating complex designs into clean, pixel-perfect code using modern frameworks.
Designing intuitive and user-centered interfaces. I bridge the gap between design and development with a keen eye for aesthetics and usability.
Developing robust server-side logic and managing databases. Experienced with deployment pipelines and version control.
Rapidly deploying content-driven websites with customized themes and plugins, while keeping projects organised and teams aligned.
Browse My Recent
Country Explorer is a feature-rich and interactive world guide designed to provide users with extensive data on every nation. From population demographics and capital cities to currency details and official languages, the platform delivers accurate, real-time information in a clean, user-friendly interface. Whether for education, travel planning, or general curiosity, users can easily access vital statistics at a glance.
Built with performance and usability in mind, the application features a powerful search engine and region-based filtering to help users locate specific countries instantly. The responsive design ensures a seamless experience across desktops, tablets, and mobile devices, while the integrated dark/light mode enhances readability in any environment. Leveraging modern web technologies and the REST Countries API, Country Explorer demonstrates efficient API integration and state management.
This web-based system is developed using Laravel and MySQL to manage burial plot data, user preferences, and administrative operations in a structured and scalable way. The system follows the MVC architecture, ensuring clean code organization and maintainability while providing a user-friendly interface for customers and administrators.
To enhance decision-making, the system applies an MCDM (Multi-Criteria Decision Making) technique as an AI-based decision support method. Multiple criteria such as location, availability, and plot features are evaluated and weighted to rank burial plots and recommend the most suitable option. The application is deployed on a DigitalOcean Droplet, enabling reliable cloud hosting and public access.
PolyBus is a real-time bus tracking system designed to improve visibility and accessibility of public transportation information. The mobile application is developed using React Native, allowing users to view live bus locations and track routes conveniently from their smartphones.
The system uses NodeMCU integrated with GPS modules to collect real-time location data from buses. This data is transmitted via Firebase and WebSocket, enabling instant updates and smooth real-time communication between the hardware and the mobile application for accurate and responsive tracking.
Aimed to evaluate the quality and accessibility of internet services for students residing in Dhuam Hostel. Challenges faced included acquiring relevant data from students across different faculties and adapting to new tools like Google Looker. Stakeholder feedback was gathered through a Google Form to evaluate the dashboard's quality and content.
Findings were analyzed to support recommendations for improving internet infrastructure and the student learning experience. The completed dashboard offers comprehensive data visualizations on student engagement.
The Process
Deep dive into user needs, competitive analysis, and strategic planning to define the visual identity and core functionality.
Crafting wireframes, high-fidelity mockups, and interactive prototypes in Figma to validate solutions before writing code.
Translating designs into clean, semantic code using modern frameworks. Focusing on performance, accessibility, and smooth animations.
Get in Touch
Whether you have a project in mind, a collaboration idea, or just a question, I’m always happy to connect.
haziq.othman99@gmail.com
Connect with me
Explore my code