Explore Smart Solutions in Action
Discover practical demos across web, data, and automation technologies — from PHP systems to Python analytics and Power BI dashboards.
Published Projects
Explore demos built with PHP, MySQL, and Tailwind.
Innovatrics Library Lending System (Web-Based Mockup)
Tech: PHP (Frontend & Logic), TailwindCSS (UI), Chart.js (Analytics), Static JSON/PHP Arrays (Mock Data)
A web-based mockup built for the Innovatrics technical assessment to demonstrate a simple library lending information system. Developed using PHP and TailwindCSS, this demo simulates a functional system for managing internal book borrowing activities within a company. It includes role-based dashboards for Employees, Librarians, and Super Admin, complete with mock data (books, users, and borrow records). All actions and analytics are simulated without a real database — optimized for showcase and presentation purposes.
Portfolio Resume Hakim Zakaria
Tech: React, TailwindCSS, Vite, Framer Motion
A modern online resume and personal portfolio site showcasing my 17+ years of experience in IT management, system integration, and automation. Built as a single-page application with smooth animations and responsive design. Features dynamic sections for career summary, experience timeline, project gallery, skills, certifications, and contact form — optimized for both recruiters and clients.
XTHREE Seminar / Event Registration System
Tech: PHP, MySQL, Tailwind CSS, ToyyibPay API, Responsive Admin Panel
Sistem pengurusan pendaftaran seminar lengkap dengan integrasi ToyyibPay, kod promosi, dan papan pemuka peserta. Admin boleh ubah suai maklumat acara, urus pembayaran, serta menjana e-sijil melalui antara muka web yang mudah dan responsif.
Pemetaan Insiden SPI
Tech: PHP, MySQL, Leaflet.js, OpenStreetMap API, Tailwind CSS
Modul peta interaktif Sistem Pelaporan Insiden JBPM yang memaparkan taburan insiden seluruh Malaysia berdasarkan negeri, jenis kejadian, dan status semasa. Menggunakan Leaflet.js dan OpenStreetMap bagi visualisasi data operasi bomba secara dinamik.
Power BI
Tech: Power BI, Power Query, DAX, Excel, SQL, Data Modeling, ETL/ELT
Projek ini memaparkan keupayaan Power BI dalam membangunkan laporan interaktif berdasarkan metodologi ETL/ELT, data transformation, dan data modeling yang terancang. Setiap laporan dibina menggunakan model data berstruktur (Star Schema) dengan penggunaan DAX formulas untuk analisis tersuai dan pengiraan dinamik. Visualisasi merangkumi kad (cards), peta (filled dan shape maps), serta carta interaktif untuk membantu pengguna memahami prestasi dan trend secara menyeluruh. Projek ini menunjukkan keseluruhan proses dari pengekstrakan data mentah hingga kepada paparan visual berimpak tinggi — selaras dengan prinsip Transforming Data into Visual Insights.
PNB Event Management
Tech: PHP, MYSQL, Tailwind
Projek PNB Event Management ini dibangunkan sebagai mockup konsep sistem pengurusan acara (event management system) bagi menyokong penyediaan dokumen tender projek PNB. Sistem ini direka bentuk untuk memudahkan pengurusan program, pendaftaran peserta, dan pemantauan aktiviti secara menyeluruh — termasuk klasifikasi program percuma dan berbayar, carian dinamik, serta paparan status acara terkini. Antara ciri utama ialah: Antara muka pengguna moden berasaskan Tailwind CSS Integrasi backend menggunakan PHP dan MySQL Reka bentuk modular untuk sokongan pelbagai jenis program (seminar, forum, latihan dalaman, dan webinar) Mockup ini menekankan aspek kebolehgunaan (usability), reka bentuk responsif, dan kebolehskalaan untuk kegunaan organisasi besar seperti PNB dalam menguruskan pelbagai acara secara sistematik dan efisien.
Donation for School
Tech: PHP, MYSQL, Tailwind
Projek Donation for School ini dibangunkan sebagai mockup konsep sistem derma berasaskan web (web-based donation platform) semasa fasa Business Requirement Analysis untuk menilai keperluan dan potensi sistem crowdfunding pendidikan. Sistem ini direka bagi membolehkan masyarakat menyumbang dana kepada projek pembinaan atau penambahbaikan sekolah, dengan paparan kisah sebenar komuniti yang memerlukan bantuan. Antara ciri utama sistem ini termasuk: Paparan kempen derma dengan kisah dan status kemajuan projek Butang sumbangan segera dan integrasi modul pentadbir untuk pengurusan kempen Reka bentuk mesra pengguna dan responsif menggunakan Tailwind CSS Backend dibangunkan dengan PHP dan MySQL bagi penyimpanan data yang selamat dan boleh diskala Mockup ini memfokuskan kepada penyampaian mesej kemanusiaan melalui pengalaman pengguna yang mudah, menarik dan boleh dikembangkan menjadi sistem sebenar di masa depan.