Resume Builder
Currently on temporary development pause, with a beta version available for preview.
Hi, my name is
I’m a Front-End Engineer who builds immersive, high-performance, and accessible web experiences. I combine thoughtful UI design with solid technical execution, using Next.js, semantic HTML, and optimized CSS to create interfaces that are engaging, fast, and reliable.
Hi there! I'm Moamal, and I like building fast, thoughtful things for the web. I’m a frontend engineer with a focus on crafting clean, accessible, and high-performance user interfaces. I take pride in the little architectural details that make a web experience feel smooth, from keeping bundle sizes lean to crafting pixel-perfect layouts that feel fast and responsive.
My interest in code started back in 2021 through an unexpected place: custom map creation for Call of Duty 2. Trying to bring my ideas to life forced me to learn GSC script. Wrestling with logic for the first time was challenging, but that deep dive into problem-solving sparked my passion for building software and eventually led me to frontend engineering.
These days, my main focus is on building scalable frontend applications with React and Next.js. I prefer working with raw CSS Modules and Sass over heavy frameworks, keeping codebases lean and maintainable. For me, web accessibility and performance aren't afterthoughts; I care deeply about technical SEO, GPU-accelerated CSS animations, and ensuring everything works seamlessly across different browsers.
I work best in structured, async-first remote environments where clear written communication and clean code drive the product forward. Through my open-source contributions, I've grown to love diving into unfamiliar codebases, solving complex layout bugs, and collaborating asynchronously with developers around the world.

Improved accessibility across the application by fixing heading hierarchy and adding localized ARIA patterns for interactive controls.
Improved performance and accessibility by self-hosting fonts, adding network prefetching, and moving animations to the GPU. Also fixed production issues and refined mobile layouts and interactions.
Replaced JS-driven orbit animations with CSS to eliminate unnecessary React re-renders. Also improved component navigation and corrected the DOM structure for better accessibility.
Added a "Skip to Main Content" link and refactored the sidebar structure to improve keyboard navigation and semantic accessibility.
Fixed header overflow to keep the search bar responsive, improved sponsor stats readability on small screens, and made action icons keyboard-focusable.
Fixed fixed-grid stretching during DevTools resizing and improved button interactions with consistent cursor behavior.
Improved LCP and reduced the initial asset load by converting key images to WebP and refining Hero image loading with appropriate fetch priorities and lazy loading.
Fixed layout shifting in the dropdown menu when switching themes, improving visual stability during theme changes.
Cleaned up redundant CSS and fixed a cursor lag issue in Chrome and Edge DevTools, improving rendering behavior and the development experience.
Adjusted the scrollbar placement in the FloatTicket chat to keep it contained within the chat element and improve the dashboard layout.
A comprehensive e-commerce platform built with React and Redux Toolkit, demonstrating modern front-end architecture, state management, and performance best practices. Featuring multi-language support, cart and wishlist systems, product search, and PWA functionality.
The project was chosen as a learning reference on CodeWithRandom for developers building real-world React applications.

A production-grade gaming analytics platform serving real-time statistics for multiple Jumpers Heaven and Jump 4 Life servers across Call of Duty titles. The system provides interactive leaderboards, player and map analytics, server monitoring, and detailed performance insights with dedicated pages for each entity.
Designed with performance in mind, the platform uses MessagePack serialization, client-side caching with compression, and optimized data fetching strategies to handle large datasets efficiently while maintaining a responsive user experience.
Currently deployed and actively used by the community.

A full-stack reimagining of the classic game, engineered for peak performance and strategic depth. Features a custom-built Offline AI and Real-time Multiplayer with live chat. Includes game-changing mechanics like Freeze, Bomb, and Swap across dynamic 3x3 to 5x5 boards. Achieved 100/100 Lighthouse scores through rigorous optimization, semantic HTML, and full PWA support.

Currently on temporary development pause, with a beta version available for preview.
A personal gallery of creative CSS-based visual artworks built during my front-end learning journey. Each piece explores animations, shapes, and UI tricks using CSS (and sometimes JavaScript) to push the limits of what's possible in the browser.
A production-quality responsive website developed for a freelance client, emphasizing professional UI design, smooth interactive animations, and robust cross-browser support. The project demonstrates real-world delivery standards, attention to usability, and modern front-end implementation practices.
A collection of reusable and well-documented custom React hooks for boosting productivity and consistency across React projects. Includes live previews and code highlighting
A clean and modern landing page template designed to capture visitor attention and effectively showcase content or products.
I'm currently looking for new opportunities. Whether you have a question or just want to say hi, I'll get back to you as soon as possible!
Say Hello