WebXR/VR/AR Enthusiast | Full-Stack Dev | PaaS Builder
I'm a software engineer passionate about Web-based Virtual Reality (WebVR) and Augmented Reality (WebAR) experiences! With a background in Mechanical Engineering.
- 🛠 Creator of SenangWebs & KadKahwinDigital.my
- 🏆 Winner of multiple awards in innovation and tech 💡
- 🎮 NASA Space Apps Challenge Instructor
- 🧑🏫 2x TEDx Speaker
- Languages: JavaScript, PHP, Java, HTML, CSS
- Frameworks & Tools: Laravel, MySQL, TailwindCSS, Livewire, AlpineJS, React
- Specialties: Web Dev, WebXR, Engineering, Game Dev
Here are some projects I've developed and maintain:
| Library | Description |
|---|---|
| senangwebs-animations | Smooth, customizable animations for HTML elements on scrolling. |
| senangwebs-buy | Easy implementation of WhatsApp-based e-commerce functionality through HTML attributes. |
| senangwebs-chatbot | Integrating a customizable chatbot into your website. |
| senangwebs-deck | Web-based presentations with multiple input formats (HTML, Markdown, JSON). |
| senangwebs-epoch | Easy creation of dynamic countdown timers and time displays. |
| senangwebs-frame | Modern & responsive slider (carousel) library. |
| senangwebs-gallery | Modern & responsive modal image (lightbox) library. |
| senangwebs-herd | Manage multiple HTML files within a single page using tabs and lazy-loaded iframes. |
| senangwebs-index | Transform JSON data into searchable, paginated HTML views. |
| senangwebs-jot | Copy text from HTML elements with a single click. |
| senangwebs-kiln | Lightweight, powerful 3D modeling editor library. |
| senangwebs-loading | Customizable loading screens for web applications. |
| senangwebs-modals | Create and customize modal dialogs using HTML data attributes. |
| senangwebs-notices | Customize native browser dialogs (alert, confirm, prompt). |
| senangwebs-one | Web-based code editor and live previewer (like Glitch/CodePen). |
| senangwebs-photobooth | A browser-based image editor featuring layers, drawing tools, and filters. |
| senangwebs-quiz | Interactive quizzes with multiple question types. |
| senangwebs-roll | Mobile-like media rolls (Reels/Shorts style). |
| senangwebs-story | Visual novel-style story engine with typewriter & dialogue system. |
| senangwebs-tour | 360° virtual tour system for A-Frame WebVR with visual editor. |
| senangwebs-unfold | Interactive JSON visualization & editing library. |
| senangwebs-verse | A-Frame component for 3rd-person player controls. |
| senangwebs-whiteboard | Digital whiteboard & vector drawing library. |
| senangwebs-xperience | Grid-based interactive game-like web experiences. |
| senangwebs-yield | Basic data visualizations using HTML, CSS, SVG. |
| senangwebs-zero | Guided product tours / onboarding walkthroughs. |
| Project | Description |
|---|---|
| text-art-world | Simple text-based game made with C++. |
| text-art-world-web | React remake of the original C++ game (2015). |
| Plugin | Description |
|---|---|
| grapesjs-alpinejs | GrapesJS plugin integrating Alpine.js directives. |
| grapesjs-animations | GrapesJS plugin provide smooth, customizable scroll animations |
| grapesjs-component-monaco-editor | Edit component code using the Monaco editor. |
| grapesjs-script-monaco-editor | Edit or attach scripts to selected components. |
| grapesjs-custom-code-monaco-editor | Embed custom code into components using Monaco editor. |
| grapesjs-ai-agent | AI-powered chatbot interface for component modification assistance. |
| senangwebs-aframe-editor | Customized webverse editor for SenangWebs based on A-Frame inspector. |
| Project | Description |
|---|---|
| senangwebs-store | Demo of utilizing SenangWebs Libraries. |
SenangWebs - Convert idea into website
- Create website, blog, or AR/VR metaverse with ease in one platform.
KadKahwinDigital.my - E-card wedding invitation
- Sending out invitations is as easy as a few clicks.
SenangStart - UI Components Library
- Comprehensive Tailwind CSS component library for web designers
- Pre-built, customizable components for stunning user interfaces
SenangLab - Responsive design testing & QA toolkit
- Throttled scroll-sync, click replication, and text selection sync across all devices
- Scan tags, calculate SEO scores, and export AI prompts to fix issues.
- Test contrast scores and simulate color blindness instantly.
AlamXR - Immersive Learning Platform
- Browser-based VR/AR educational modules
- Wide range of training experiences
- Accessible immersive learning solutions
KopiPost - Business Planning Tools
- Comprehensive suite for business strategy development
- Tools for crafting winning business plans
- Variety of analysis documents
QHeat - Heat Transfer Engineering
- Calculation workflows for complex problem-solving
- Equation manipulation capabilities
Neurakal - Automated Intelligent Discussions
- Surfacing insights and blind spots you'd never catch alone
- Take the debate further and step into a live simulation
Let's chat about WebVR, AR, AI, or even Mechanical Engineering!