Skip to content
;

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.

View my workGet in touch

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

reactive-resume/reactive-resume
GitHub stars
45,632
GitHub forks
4,947
GitHub commits
7,101
GitHub pull requests
1

Improved homepage accessibility by fixing heading hierarchy and adding accessible names to language and theme controls for better screen reader support.

braveopotato/nosignups
GitHub stars
4,580
GitHub forks
264
GitHub commits
251
GitHub pull requests
25

codse/animata
GitHub stars
2,997
GitHub forks
244
GitHub commits
372
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
905
GitHub forks
85
GitHub commits
833
GitHub pull requests
1

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

alfiejones/theme-toggles
GitHub stars
826
GitHub forks
25
GitHub commits
504
GitHub pull requests
1

Fixed responsive horizontal overflow from decorative corner bolts and improved the global layout structure to keep content contained, bolts centered, and the footer properly positioned.

harshjdhv/componentry
GitHub stars
649
GitHub forks
41
GitHub commits
425
GitHub pull requests
3

Contributed performance, interaction, and layout improvements, including optimized sidebar positioning, consistent button cursors, and fixes for grid stretching during DevTools resizing.

turbostarter/loading-ui
GitHub stars
547
GitHub forks
27
GitHub commits
114
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.

esraa-dev/al-shifa-clinic
GitHub stars
27
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
236
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
SourceLive
GitHub stars
86
GitHub forks
27
GitHub commits
1,134
Featured Project

Cod Jumping Stats

CJ Statistics is an analytics platform built for the JumpersHeaven and Jump4Life communities across Call of Duty titles, featuring leaderboards, player and map analytics, and server statistics. Now archived as a showcase powered by JSON, the project demonstrates my approach to UI/UX, frontend architecture, and performance optimization. It was selected as a reference for building a platform.

  • Next.js
  • Redux Toolkit
  • MessagePack
  • LZ String
  • Sass
SourceLiveCase Study
GitHub stars
6
GitHub forks
1
GitHub commits
~3000
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
SourceLive
GitHub stars
2
GitHub forks
1
GitHub commits
988

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 collection of CSS-based visual experiments exploring animations, shapes, and creative UI effects, with occasional JavaScript.

  • Next.js
  • Sass

Aster Information

A responsive website built for a freelance client, featuring polished UI design, smooth animations, and cross-browser compatibility.

  • React
  • React Router Dom
  • Sass

Custom React Hooks Library

A collection of reusable, documented React hooks with live previews and code highlighting.

  • React
  • PWA
  • JSZip
  • syntax highlighter

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