A new version is available!

Skip to content
[email protected]

Hi, my name is

Moamal Alaa.

I make the internet less boring.

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.

01.About Me

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.

Professional headshot of a young man with short, slightly spiked hair, wearing black rectangular eyeglasses and a muted blue-gray t-shirt, smiling warmly against a neutral light-gray background.

02.Where I Have Contributed

amruthpillai/reactive-resume
GitHub stars
42,252
GitHub forks
4,691
GitHub commits
6,024
GitHub pull requests
1

Improved accessibility across the application by fixing heading hierarchy and adding localized ARIA patterns for interactive controls.

braveopotato/fcksignups
GitHub stars
3,222
GitHub forks
207
GitHub commits
227
GitHub pull requests
24

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.

codse/animata
GitHub stars
2,784
GitHub forks
233
GitHub commits
364
GitHub pull requests
3

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.

1612elphi/delphitools
GitHub stars
772
GitHub forks
70
GitHub commits
350
GitHub pull requests
1

Added a "Skip to Main Content" link and refactored the sidebar structure to improve keyboard navigation and semantic accessibility.

turbostarter/loading-ui
GitHub stars
480
GitHub forks
25
GitHub commits
90
GitHub pull requests
3

Fixed header overflow to keep the search bar responsive, improved sponsor stats readability on small screens, and made action icons keyboard-focusable.

harshjdhv/componentry
GitHub stars
471
GitHub forks
34
GitHub commits
402
GitHub pull requests
2

Fixed fixed-grid stretching during DevTools resizing and improved button interactions with consistent cursor behavior.

esraa-dev/al-shifa-clinic
GitHub stars
25
GitHub forks
10
GitHub commits
96
GitHub pull requests
1

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.

bgub/bengubler.com
GitHub stars
13
GitHub forks
7
GitHub commits
231
GitHub pull requests
1

Fixed layout shifting in the dropdown menu when switching themes, improving visual stability during theme changes.

sfwnisme/sfwn.me-
GitHub stars
3
GitHub forks
0
GitHub commits
343
GitHub pull requests
2

Cleaned up redundant CSS and fixed a cursor lag issue in Chrome and Edge DevTools, improving rendering behavior and the development experience.

sfwnisme/frontend-complaint-tickets
GitHub stars
1
GitHub forks
0
GitHub commits
615
GitHub pull requests
1

Adjusted the scrollbar placement in the FloatTicket chat to keep it contained within the chat element and improve the dashboard layout.

03.Some Things I've Built

Featured Project

E-Commercew

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.

  • React
  • Sass
  • Redux/Toolkit
  • Swiper
  • I18next
  • PWA
GitHub stars
82
GitHub forks
27
GitHub commits
1,116
E-Commercew
Featured ProjectUnder Development

Cod Jumping Stats

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.

  • Next.js
  • Redux Toolkit
  • MessagePack
  • LZ String
  • Sass
GitHub stars
6
GitHub forks
1
GitHub commits
2,759
Cod Jumping Stats
Featured Project

Advanced Tic Tac Toe (Full-Stack)

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.

  • Next.js
  • Socket.IO
  • Zustand
  • Sass
  • PWA
GitHub stars
2
GitHub forks
1
GitHub commits
958
Advanced Tic Tac Toe (Full-Stack)

Other Noteworthy Projects

Resume Builder

Currently on temporary development pause, with a beta version available for preview.

  • Next.js
  • Sass
  • Zustand
  • HTML to PDF
  • React Datepicker

CSS Arts Gallery

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.

  • Next.js
  • Sass

Aster Information

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.

  • React
  • React Router Dom
  • Sass

Custom React Hooks Library

A collection of reusable and well-documented custom React hooks for boosting productivity and consistency across React projects. Includes live previews and code highlighting

  • React
  • PWA
  • JSZip
  • syntax highlighter

Responsive Landing Page

A clean and modern landing page template designed to capture visitor attention and effectively showcase content or products.

  • HTML
  • CSS
  • Sass
  • JavaScript

04. What's Next?

Get In Touch

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