Resume Builder
Currently on temporary development pause, with a beta version available for preview.,
Hi, my name is
I'm a front-end developer passionate about creating engaging and intuitive user interfaces. I focus on building responsive, performant, and accessible websites that leave a lasting impression.
Hi, I’m Moamal, I enjoy building things for the web. I believe websites should feel smooth, look great, and work for everyone. That’s why I focus on creating interfaces that are not only functional but also enjoyable to interact with.
I’ve been exploring front-end development for over four years now. It all started with writing HTML and CSS, which felt like drawing with code, I loved bringing designs to life on the screen. That curiosity led me to JavaScript and, eventually, to the world of modern front-end technologies I work with today.
Here are a few technologies I’ve been working with recently:

A versatile scripting language for web development, enabling dynamic and interactive websites. ES6+ adds modern features like arrow functions, classes, and modules.
Optimized LCP and initial bundle size by converting key assets to WebP, refactoring the Hero section for semantic image loading with high fetch priority, and introducing conditional eager/lazy loading to prioritize critical brand elements.
Enhanced the Travel-Agency website by improving code quality, fixing layout shifts, optimizing image behavior, removing unused assets, improving load performance, adding key SEO meta tags, and updating the site title for better branding and user experience.
Updated project dependencies and resolved security vulnerabilities to ensure a safer, more stable, and up-to-date codebase while maintaining compatibility with React 18 peer requirements.
Fixed layout shifting in the dropdown menu during theme toggle, improving visual stability and overall user experience.
Optimized the project’s CSS by cleaning redundant styles, addressing a known cursor lag issue in Chrome and Edge devtools, improving rendering performance and developer experience.
Organized project structure by fixing image paths and folder layout, and removed unnecessary base path to simplify routing and make the codebase easier to maintain.
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 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.

An Enterprise-standard remaining 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 set of JavaScript challenges focused on solving real-world interactivity problems using only HTML, CSS, and JavaScript. Built to sharpen DOM manipulation, event handling, and logic-building skills.
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