Tech Enthusiast
// Honestly, good code comes from:
const humanEffort = 0.30;
const aiMagic = 0.70;
const mentor = "GitHub Copilot";
function createGoodCode() {
return humanEffort + aiMagic;
}
console.log(`Good code is ${createGoodCode() * 100}% human and AI collaboration, mentored by ${mentor}!`);|
Universiti Tenaga Nasional BSc. Computer Science (Cybersecurity) Finished 2019 CGPA: 3.67 |
Universiti Kuala Lumpur Diploma. Computer Science (Networking) Finished 2015 CGPA: 3.00 |
📖 More Details
- Client: PETRONAS
- Anchor: central dashboard for oil tankers.
- Gas Processing Unit Technical Center (GTC): Command Center dashboard for Petronas Gas production.
- React.js: Created dynamic, responsive interfaces using Redux for streamlined state management.
- Full-stack Transition: Adapted successfully to ASP.NET and C# for backend responsibilities, integrating with MVC architecture and SQL Server.
- Mentored Team of Interns
- Enhanced User Experience
- UI Collaboration
- Consistency in User Experience
📖 More Details
- Easy Crypto
- Easy Crypto Admin
- Reduced Client Load Times: Implemented lazy loading and optimized assets.
- Increased Scalability: Designed modular components, improving scalability and reducing future development.
- Enhanced Security Protocols: Integrated Auth0 authentication.
- Streamlined Development Process: Established reusable Vue.js components.
- Optimized for Cross-Platform Compatibility: Ensured cross-browser compatibility and optimized the SPA for mobile devices, expanding user accessibility.
- Integrated New Payment Method: Implemented Stripe payment integration, enhancing transaction processing capabilities.
- Introduced Feature Flag System: Developed a feature flag system to enable controlled rollout of new features, improving testing and deployment flexibility.
📖 More Details
- Responsibilities: Developed user-facing applications collaborating with back-end developers.
- Raudhahpay Web: Backend with Yii2 and MySQL, front end with Semantic UI.
- Raudhah Prepaid Mobile App: Engaging app with Flutter and bloc state management.
📖 More Details
- Project: School Management System
- Tech Stack: Nuxt.js, Adobe XD, Bootstrap 4, Laravel.
- Special Features: Optimized page load with Nuxt.js and integrated APIs using Axios.
| Category | Skill | Proficiency | Years |
|---|---|---|---|
| Languages |  |
🟩🟩🟩🟩🟩 | 5 |
 |
🟩🟩🟩🟦🟦 | 2 | |
| Frontend Development |  |
🟩🟩🟩🟦🟦 | 1 |
 |
🟩🟩🟩🟩🟩 | 5 | |
| Frameworks |  |
🟩🟩🟩🟦🟦 | 1 |
 |
🟩🟩🟩🟩🟩 | 5 | |
| Styling |  |
🟩🟩🟩🟦🟦 | 4+ |
 |
🟩🟩🟩🟦🟦 | 4+ | |
 |
🟩🟩🟩🟦🟦 | 4+ | |
| Tools |  |
🟩🟩🟩🟩🟩 | 5 |
 |
🟩🟩🟩🟦🟦 | 3 | |
| Backend Development |  |
🟩🟩🟩🟦🟦 | 2 |
| Databases |  |
🟩🟩🟩🟦🟦 | 3 |
 |
🟩🟩🟩🟦🟦 | 2 | |
| DevOps & CI/CD |  |
🟩🟩🟩🟦🟦 | 1 |
 |
🟩🟩🟩🟦🟦 | 1 | |
 |
🟩🟩🟩🟦🟦 | 1 | |
 |
🟩🟩🟩🟦🟦 | 1 | |
| Cloud Platforms |  |
🟩🟩🟩🟦🟦 | 1 |
| Testing |  |
🟩🟩🟩🟦🟦 | 1 |
| Project Management |  |
🟩🟩🟩🟩🟩 | 5 |
