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.
- 🛠 Founder 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:
- senangwebs-animations: Smooth, customizable animations for HTML elements as they enter the viewport during scrolling.
- senangwebs-buy: Easy implementation of e-commerce functionality through HTML attributes.
- senangwebs-chatbot: Integrating a customizable chatbot into your website.
- senangwebs-deck: A modern, lightweight JavaScript library for creating beautiful web-based presentations with multiple input formats (HTML, Markdown, JSON).
- senangwebs-epoch: Easy creation dynamic countdown timers and time displays.
- senangwebs-frame: Modern & responsive slider experience (carousel) library.
- senangwebs-gallery: Modern & responsive modal image (lightbox) library.
- senangwebs-index: A lightweight JavaScript library for transforming JSON data into searchable, paginated HTML views.
- senangwebs-jot: Simple tool that lets you copy text from HTML elements with a single click.
- senangwebs-loading: Customizable loading screens for web applications.
- senangwebs-modals: Easy creation and customization of modal dialogs using HTML data attributes.
- senangwebs-notices: Replaces native browser dialogs (alert, confirm, prompt) with customizable, modern-looking notifications.
- senangwebs-one: A web-based code editor and live previewer, inspired by Glitch and CodePen.
- senangwebs-photobooth: A lightweight and easy-to-use JavaScript library for client-side photo editing.
- senangwebs-quiz: Creating interactive quizzes with multiple question types, configurable feedback modes, and built-in UI generation.
- senangwebs-tour: A powerful, data-driven 360° virtual tour system for A-Frame WebVR with a visual editor and standalone viewer.
- senangwebs-unfold: An advanced, interactive JavaScript library for visualizing and editing JSON data.
- senangwebs-story: Creating interactive, visual novel-style story experiences with typewriter effects and character dialogue management.
- senangwebs-verse: A-Frame component for creating 3rd person player controls in WebXR and 3D web scenes.
- senangwebs-whiteboard: A powerful, client-side JavaScript drawing library for creating digital whiteboards and vector drawings.
- text-art-world: Simple text based game made with C++.
- text-art-world-web: React Remake based on the original C++ (2015).
- grapesjs-alpinejs: GrapesJS plugin to integrates Alpine.js directives, allowing reactive components.
- grapesjs-component-monaco-editor: GrapesJS plugin for editing component code using Monaco editor.
- grapesjs-script-monaco-editor: GrapesJS plugin to edit or attach script to selected component.
- grapesjs-custom-code-monaco-editor: GrapesJS plugin for component embed custom code using Monaco editor.
- senangwebs-aframe-editor: Customized webverse editor for SenangWebs based on A-Frame inspector.
- 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
-
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 App
- Calculation workflows for complex problem-solving
- Equation manipulation capabilities
- Preset values for quick calculations
- 🥇 Gold Award @ Research Innovations Symposium (RISE) 2015
- 🥈 1st Runner-up @ Inclusive Innovation Challenge 2017
- 🏅 Best Pitch Award @ FLY 2018
- 🏆 Many more awards for innovation & entrepreneurship!
Let's chat about WebVR, AR, AI, or even Mechanical Engineering!